vuex中的辅助函数

111 阅读1分钟

vuex通过辅助函数mapStatemapActionsmapMutations,把vuex.store中的属性映射到vue实例身上,这样在vue实例中就能访问vuex.store中的属性了,对于操作vuex.store就很方便了。

state辅助函数为mapStateactions辅助函数为mapActionsmutations辅助函数为mapMutations。(Vuex实例身上有mapStatemapActionsmapMutations属性,属性值都是函数)

命名空间

mapStatemapGettersmapMutationsmapActions第一个参数是字符串(命名空间名称),第二个参数是数组(不需要重命名)/对象(需要重命名)。

mapXXXs('命名空间名称',['属性名1','属性名2']) 
mapXXXs('命名空间名称',{
    '组件中的新名称1':'Vuex中的原名称1',
    '组件中的新名称2':'Vuex中的原名称2',
})