vuex 的模块中如何调用 mutations 中的方法

vuex 的模块中如何调用 mutations 中的方法

   模块vuexTest.js

  

/**
 * 模块 vuexTest.js
 */
 export default {
    namespaced: true,
    state: {
        stateHello: 1,
    },
    mutations: {
        mutationsHello(state, val) { // 只用两个参数 一个时state ,另一个是可以 字符串、对象、数组等
            console.log("1111");
            console.log("val", val);
            state.stateHello += val
        }
    },
    actions: {

    }
}

  1、不使用辅助函数 mapMutations 情况下

methods: {
    changeVal() {
      this.$store.commit("vuexTest/mutationsHello", 2)
    }
  }

  2、使用辅助函数 mapMutations 情况下

  methods: {
    ...mapMutations("vuexTest", ['mutationsHello']),
    ...mapMutations("vuexTest", {
      mutationsHello: "mutationsHello"
    }),
    ...mapMutations("vuexTest", {
      changeState: "mutationsHello"
    }),
    change() {
      this.mutationsHello(2);
      this.changeState(2);
    }
  },

 

  

posted @ 2021-07-07 15:06  只争朝夕,不负韶华  阅读(4745)  评论(0编辑  收藏  举报