mapmutations
时间: 2024-02-21 12:02:19 浏览: 47
`mapMutations` 是一个 Vuex 辅助函数,用于将组件中的方法映射到 Vuex store 中的 mutations。它的作用是简化组件中对 mutations 的显式调用,并且可以通过对象方式将多个 mutations 绑定到组件的 methods 中,从而使代码更加简洁和易读。
使用 `mapMutations` 时,需要先在组件中引入该函数:
```javascript
import { mapMutations } from 'vuex'
```
然后将需要映射的 mutations 以对象的形式传入 `mapMutations`,例如:
```javascript
export default {
methods: {
...mapMutations([
'increment', // 将 `this.increment()` 映射为 `this.$store.commit('increment')`
'decrement' // 将 `this.decrement()` 映射为 `this.$store.commit('decrement')`
])
}
}
```
也可以使用对象的形式将 mutations 映射到不同的方法名:
```javascript
export default {
methods: {
...mapMutations({
add: 'increment' // 将 `this.add()` 映射为 `this.$store.commit('increment')`
})
}
}
```
最后,在组件中即可通过调用 `this.xxx()` 来触发对应的 mutations。