Vuex–mutations扩展

最后更新于:2022-04-02 08:09:45

>[success] # mutations-- 扩展 ~~~ 1.上面的参数使用理解章节简单的示范了mutations 2.官方文档中还给了更简单的使用方法,我们可以不使用 this.$store.commit('mutations 中的方法名','参数对象'),这种方式获取值,使用 提供的'mapMutations 辅助函数' ~~~ >[info] ## mapMutations 辅助函数 ~~~ 1.Vuex 给我们提供了辅助函数,使用的时候只需要引入辅助函数即可: import { mapMutations } from 'vuex' 2.上面的引入方式用了es6的结构赋值,相当于下面的写法: import vuex from 'vuex' const mapMutations = vuex.mapMutations ~~~ >[danger] ##### 官方给的几种写法 ~~~ import { mapMutations } from 'vuex' export default { // ... methods: { ...mapMutations([ 'increment', // 将 `this.increment()` 映射为 `this.$store.commit('increment')` // `mapMutations` 也支持载荷: 'incrementBy' // 将 `this.incrementBy(amount)` 映射为 `this.$store.commit('incrementBy', amount)` ]), ...mapMutations({ add: 'increment' // 将 `this.add()` 映射为 `this.$store.commit('increment')` }) } } ~~~ >[danger] ##### 使用mapMutations 辅助函数 改造参数理解章节案例 ~~~ 1.改造的时候注意mapMutations 必须放到methods 调用,调用后直接当, 放在使用即可 ~~~ ~~~ ~~~
';