一般来说,我们把vuex分为state,getter,mutation,action四个模块,通俗的讲一下四个模块的作用:state:定义变量;getters:获取变量;mutations:同步执行对变量进行的操作;actions:异步执行对变量进行的操作。
在 Vuex 中,mapState、mapGetters、mapActions 和 mapMutations 是用于将 Vuex 中的状态、getter、action 和 mutation 映射到 Vue 组件的方法。这些方法简化了 Vue 组件与 Vuex store 的交互。
1、mapState
mapState 是一个辅助函数,用于将 Vuex store 中的状态映射到 Vue 组件的本地状态。它返回一个对象,该对象的键是本地状态的名称,值是对应的 Vuex store 中的状态。
2、mapGetters
mapGetters 是一个辅助函数,用于将 Vuex store 中的 getter 映射到 Vue 组件的计算属性。它返回一个对象,该对象的键是本地 getter 的名称,值是对应的 Vuex store 中的 getter。
3、mapActions
mapActions 是一个辅助函数,用于将 Vuex store 中的 action 映射到 Vue 组件的方法。它返回一个对象,该对象的键是本地方法的名称,值是对应的 Vuex store 中的 action。
4、mapMutations
mapMutations 是一个辅助函数,用于将 Vuex store 中的 mutation 映射到 Vue 组件的方法。它返回一个对象,该对象的键是本地方法的名称,值是对应的 Vuex store 中的 mutation。在 Vue 组件中调用映射的方法时,它们将调用对应的 Vuex store 中的 mutation。