mapState
将全局状态管理的state值映射到组件的计算属性;
导入
import { mapState } from 'vuex'
使用
computed: mapState({
count: 'count', // 第一种写法
sex: (state) => state.sex, // 第二种写法
from: function (state) {
// 用普通函数this指向vue实例,要注意箭头函数的this指针并没有指向vue实例,因此不要滥用箭头函数
return this.str + ':' + state.from
},
参考内容
mapGetters
将全局状态管理的getters值映射到组件的计算属性;
mapActions
将mutation的值映射到方法里
mapMutations
将actions里的值映射到方法里