第一步,需要在vuex中加入命名空间 namespaced: true,
const moduleA = {
namespaced: true,
state: () => ({
num:129
}),
mutations: {
addnum(state,n){
state.num = state.num+n
}
},
actions: {
savenum(context,n){
context.commit("addnum",n)
}
},
}
const moduleB = {
namespaced: true,
state: () => ({
num:123
}),
}
export default new Vuex.Store({
modules: {
a:moduleA,
b:moduleB
}
})
第二步:在页面的js中调用dispatch
methods:{
save(){
this.$store.dispatch('a/savenum',999)
}
},