【Vue】vuex mapActions和mapMutations

1、mapActions方法：用于帮助生成与actions对话的方法，即包含 $store.dispatch(xxx) 的函数

methods:{
    //靠mapActions生成：incrementOdd、incrementWait（对象形式）
    ...mapActions({incrementOdd:'jiaOdd',incrementWait:'jiaWait'})

    //靠mapActions生成：incrementOdd、incrementWait（数组形式）
    ...mapActions(['jiaOdd','jiaWait'])
}

2、mapMutations方法：用于帮助生成与mutations对话的方法，即包含 $store.commit(xxx) 的函数。

methods:{
    //靠mapActions生成：increment、decrement（对象形式）
    ...mapMutations({increment:'JIA',decrement:'JIAN'}),
    
    //靠mapMutations生成：JIA、JIAN（对象形式）
    ...mapMutations(['JIA','JIAN']),
}

这节课我们来优化一下这边的内容

这边 commit 是要与 mutations 进行联系 的所以引入的就是 mapMutations

这边直接这样写就相当于没有定义参数

所以我们要在模板上的方法里写入参数

数组形式 与之前的 mapGetters 和 mapState 相同

记得前面数组也要改

mapActions

可替代掉 dispatch

与之前类似

数组形式也一样