Vuex（篇5-2）——modules中mutations

组件中调用vuex模块中的mutations（无参数）

 mutations: {
        add (state) {
            state.count++;
        }
    }

组件中调用模块/全局中的mutations
方式1：使用this.$store.commit

      <button @click="addA">点击模块A</button>
      <br>
      <button @click="addB">点击模块B</button>
      <br>
      <button @click="ADD">全局</button>
    methods:{
      addA (){
          this.$store.commit('a/add')
      },
      addB () {
            this.$store.commit('b/add')
      },
      ADD () {
          this.$store.commit('add')
      }
    }

方式2：使用辅助函数mapMutations

methods:{
 ...mapMutations({
          addA:'a/add'
      })
} 
<button @click="addA">点击模块A</button>

//另一种写法 
methods:{
 ...mapMutations('a',['add'])
} 
<button @click="add">点击模块A</button>

组件中调用vuex模块中的mutations（参数）

模块A(modulea.js)

addN (state,payload){
  state.count+=payload.num
}

组件中调用mutation
通过使用this.$store.commit

 addN (){
     this.$store.commit('a/addN',{
         num:3
  })
  <button @click="addN">点击模块A</button>

//另一种写法
        addN (){
          this.$store.commit({
              type:'a/addN',
              num:4
          })
      }
   <button @click="addN">点击模块A</button>