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语法完全相同,不再赘述。但仅可以增加子菜单到对应系统内置的菜单,无法为自定义菜单增加子菜单。

wordpress

自定义顶部菜单,钩子admin_bar_menu

登录wordpress的后台,在后台的顶部区域可以查看到自定义顶部菜单。这是通过将自定义函数挂载到admin_bar_menu的钩子上实现的。

add_menu_page

WordPress中的add_menu_page()函数

add_menu_page()‌函数用于在WordPress后台添加顶级菜单。这个函数允许开发者为WordPress后台添加自定义的菜单页面,包括顶级菜单和子菜单。以下是使用add_menu_page()函数添加顶级菜单的基本语法:

add_submenu_page

WordPress中的add_submenu_page()函数

add_submenu_page()是wordpress中后台显示的一个函数,用于在WordPress后台管理界面中添加一个子菜单页面。它允许开发人员将自定义功能添加到WordPress的管理菜单中,以便用户可以方便地访问和使用。

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