使用Vuex中的 mapMutations 辅助函数时怎么传递参数（Payload）

Question

用this.$store.commit('xxx',obj)时可以传递一个obj，那么用mapMutations()时怎么传递一个额外的参数。
并没有在官方文档上找到方法，难道mapMutations里面只能放没有传递额外参数的方法吗？
按道理讲不应该啊，既然提供了简便的方法好歹服务到位吧。

**使用 this.$store.commit()时** 两种格式都能提交附加的数据

方法一：
store.commit('increment', {
  amount: 10
})

方法二：
store.commit({
  type: 'increment',
  amount: 10
})



**使用mapMutations()时** 就没发现有提交的位置

import { mapMutations } from 'vuex'

export default {
  // ...
  methods: {
    ...mapMutations([
      'increment' // 映射 this.increment() 为 this.$store.commit('increment')
    ]),
    ...mapMutations({
      add: 'increment' // 映射 this.add() 为 this.$store.commit('increment')
    })
  }
}

Answer 1

this.increment({ amount: 10 }) 或 this.add({ amount: 10 })

Answer 2

使用了扩展函数了之后，直接在调用的地方传入参数，会自动传递的
<button @click='reduce(10)'>减</button>

1. methods:{

         ...mapMutations(['reduce'])
   },

2. methods:{

         ...mapMutations({
             reduce:'reduce'
         })
       },

Answer 3

以例子中method的increment方法为例：
increment(...args){

return this.$store.dispatch.apply(this.$store,['incrememt'].concat(args))

}

http://www.imooc.com/article/... 看这个很厉害

Answer 4

<button @click="Add2({ a: 2, b: 3 ,c:1})">++5</button>
这样懂了吧