vuex模块辅助函数
创建modules文件下的modA.js文件， 模块的局部状态如下
const state=()=>({
modaStr:'我是模块A的数据'
})
const getters={
strGetter(state){
return state.modaStr+'getter'
}
}
const mutations={
CHANGESTRA(state,payload){
state.modaStr=payload
}
}
const actions={
waitStr({commit},data){
setTimeout(() => {
commit('CHANGESTRA',data)
}, 1500);
}
}
export default{
namespaced:true,
state,
getters,
mutations,
actions
}
computed:{
/* 最简单的使用数组的方式获取State属性 */
...mapState('modA',['modaStr']),
/* 和data数据名重复改名 */
/* 第一种 */
...mapState({
a:state=>state.modA.modaStr,
}),
/* 第二种 */
...mapState('modA',{a:state=>state.modaStr}),
/* 最简单的使用数组的方式获取Getters属性 */
...mapGetters('modA',['strGetter'])
/* 使用对象的方式获取Getters属性 */
...mapGetters('modA',{strA:'strGetter'})
},
methods:{
/* 使用数组的方式获取Mutations里面的方法 */
