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

Question

状态可以拿到，鼓捣了好久。不懂定义在模块里面的mutations、getters、actions要怎么调用？constmA={state:{a:1,b:1,},//模块的局部mutationsmutations:{add:state=>{state.a++},},getters:{double:state=>{returnstate.a*2}}}constmB={state:{a:2,b:2,},//模块的局部mutationsmutations:{addB:state=>{state.a++},},//模块的局部actionsactions:{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的