banner

vuex中的mapState,mapGetters,mapActions和mapMutations

一般来说,我们把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。

wordpress

WordPress中的后台增加子菜单到现有系统菜单里

wordpress中有许多的函数我们需要熟稔于心。需要说明的是该方式语法与add_menu_page语法完全相同,不再赘述。但仅可以增加子菜单到对应系统内置的菜单,无法为自定义菜单增加子菜单。

0
Would love your thoughts, please comment.x
()
x
Scroll to Top