mapMutations
时间: 2023-10-28 21:25:52 浏览: 35
mapMutations 是 Vuex 提供的一个辅助函数,用于将指定的 mutation 方法映射到组件的计算属性中。通过使用 mapMutations,我们可以在组件中直接调用 mutation 方法,而无需手动提交 mutation。
使用 mapMutations 的基本语法如下:
```javascript
import { mapMutations } from 'vuex';
export default {
// ...
methods: {
...mapMutations(['mutation1', 'mutation2']),
// 可以通过对象语法将 mutation 方法重命名
...mapMutations({
aliasMutation: 'mutation3',
}),
},
// ...
};
```
上述代码中,`['mutation1', 'mutation2']` 是要映射的 mutation 方法名称数组,通过展开运算符 `...` 将映射结果混入到组件的 `methods` 中。
然后,我们就可以在组件的方法中直接调用这些 mutation 方法了。例如,在组件的某个方法中,我们可以这样调用映射后的 mutation 方法:
```javascript
methods: {
// ...
someMethod() {
this.mutation1(payload); // 调用 mutation1
this.mutation3(payload); // 调用 aliasMutation (即 mutation3)
},
// ...
},
```
这样,我们就可以方便地在组件中调用 Vuex 的 mutation 方法了。