Vuex 中的mapActions怎么传递自定义参数？

1. 问题mapActions如何传递自定义参数

<template>
  <div class="footer">
    <p><button @click="reduce(num2)">3.子组件的按钮(vuex)</button></p>
  </div>
</template>

2. 结论

这里的mapActions会自动把reduce(20) 映射成this.$store.dispatch('decrement', 20)

<script>
  import {mapActions} from 'vuex'
  export default {
    data () {
      return {
        num2: 20
      }
    },
    methods: {
   	  // 这里如果要传入参数，无需额外处理，调用的时候直接传参数就行，他会自动映射
      ...mapActions({
        reduce: 'decrement'
      })
    }
  }
</script>

3. 完整代码

（Footer组件）

<template>
  <div class="footer">
    <p><button @click="reduce(num2)">3.子组件的按钮(vuex)</button>&l