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