大中型项目中使用vuex进行状态管理时，经常会按模块分割到不同的module中去，而操作中难免有模块中的active相互调用的情况，然而有时也会出现一些问题，这里顺便记录下
store目录结构
在userLoginOut中调用其他模块的active
const actions = {
// login
userLoginOut({ commit, dispatch, rootGetters }, userInfo) {
commit('permission/SET_ROUTES', [], { root: true }) // 清空permissin下SET_ROUTES
console.log(rootGetters['user/usermenu']) // 获取user 模块下的usermenu属性
dispatch('tagsView/delAllViews', null, { root: true }) // 派发事件执行tagsView 下的delAllViews active
}
}
上面方法中需要注意的是{root:true} 参数，如commit('permission/SET_ROUTES', [])这样vuex 就会默认拼接当前module user作为key 去查找对应的mutation，于是就会有如下错误
vuex.esm.js?52c1:663 [vuex] unknown local mutation type: permission/SET_ROUTES, global type: user/permission/SET_ROUTES
在此记录一下希望可以帮助遇到该问题的朋友
