本节知识点
- 把共享值赋值给数据
使用说明
必须要利用mapState这个对象了
- 首先第一步要引入进来
import {mapState} from "vuex";
- 第二步在模板文件里属性里面写下:
<script type="text/ecmascript-6">
import store from "@/vuex/store";
import {mapState} from "vuex";
export default {
data(){
return {
msg:"测试vuex"
}
},
store,
computed: mapState(["score"])
}
</script>
- 第三步 在模板文件里面输出 即可
<div>分数是{{$store.state.score}} --这个就是mapState属性{{score}}</div>
另一种方法就是computed
computed:{
count(){
return this.$store.state.count;
}
}
网友评论