第一步,需要在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)
- }
- },