一、在组件中读取 vuex 中的数据

$store.state.sum;

二、组件中修改 vuex 中的数据

$store.dispatch('actions fn name', 数据)
$store.commit('mutations fn name', 数据)

如果没有网络请求或者其他业务逻辑，组件中也可以越过 actions（不写 dispatch 直接写 commit

三、getters 的使用

// 准备 state 用于存储数据
const state = {sum: 1,
};// 加工 state 里面的数据 类似 data 和 computed 的关系
const getters = {bigSum(state) {return state.sum * 10;},
};

组件中读取数据：$store.getters.bigSum

四、mapState 方法

// 映射 state 中的数据为计算属性
computed: {// 对象写法...mapState({key: 'value'}),// 数组的写法 当 key == value ...mapState(['key']),
},

五、mapGetters 方法

// 映射 getters 中的数据为计算属性
computed: {// 对象写法...mapGetters({ key: "value" }),// 数组写法...mapGetters(["key"]),
},

六、mapActions 方法

// 简写 $store.dispatch(xxx)
methods: {...mapActions({ key: "value"}),...mapActions(["key"]),
},

七、mapMutations 方法

// 简写 $store.commit(xxx)
methods: {...mapMutations({key: 'value'}),...mapMutations(['key']),
},