Vuex的辅助函数(mapState , mapGetters , mapMutations , mapActions)

Vuex的辅助函数有4个 ：

mapState , mapGetters , mapMutations , mapActions

辅助函数的写法：

1、在页面引入

import { mapState, mapGetters, mapMutations, mapActions } from "vuex";

2、state 和 getters 的在computed中使用 【可以使用数组和对象的形式】

computed: {

...mapState(["num"]),

...mapGetters({ changeNum: "changeNum" }),

},

3、mutations 和 actions 在methods中使用

methods: {

...mapMutations({ addnum: "addNum" }),

...mapActions(["reduceNum"]),

add() {

this.addnum(this.a);

},

reduce() {

this.reduceNum(this.a);

},

}