(二)state 访问状态对象

本节知识点

• 把共享值赋值给数据

使用说明

必须要利用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;
    }
}