vuex，如何调用modules里面定义的mutations

Question

状态可以拿到，鼓捣了好久。不懂定义在模块里面的mutations、getters、actions要怎么调用？
constmA={
state:{
a:1,
b:1,
},
//模块的局部mutations
mutations:{
add:state=>{
state.a++
},
},
getters:{
double:state=>{
returnstate.a*2
}
}
}
constmB={
state:{
a:2,
b:2,
},
//模块的局部mutations
mutations:{
addB:state=>{
state.a++
},
},
//模块的局部actions
actions:{
asyncAdd:({commit,rootState,state})=>{
setTimeout(()=>{
commit('add');
},1000);
}
}
}
conststore=newVuex.Store({
modules:{
a:mA,
b:mB,
}
});
console.log(store.state.a);

Answer 1

一般state的状态要通过getter以模块的命名空间获取import{mapGetters}from'vuex//vue组件computed:{...mapGetters({a:'a/a'})}

Answer 2

组件内commit调用mutation里的方法，可以修改state里的变量。dispatch调用actions内的，actions一般处理异步方法。vuex的文档好好研读一下，说得还是挺清楚的，GitHub上也有很多demo的