Vuex中Mutations中的方法如何互相调用
时间: 2024-03-06 12:49:16 浏览: 155
在Vuex的Mutations中,可以使用this.commit('mutationName', payload)来调用同一个Mutations中的其他方法。需要注意的是,调用其他Mutations方法时,需要使用this.commit而不是this.$commit,因为this.$commit是全局的,会调用store中的其他module的Mutations。
下面是一个例子,其中有两个Mutations方法,分别是increment和doubleIncrement,doubleIncrement方法会调用increment方法:
```
const store = new Vuex.Store({
state: {
count: 0
},
mutations: {
increment (state) {
state.count++
},
doubleIncrement (state) {
this.commit('increment')
this.commit('increment')
}
}
})
store.commit('doubleIncrement')
console.log(store.state.count) // 输出 2
```
在doubleIncrement方法中,调用了increment方法两次,因此state.count的值会增加2。
阅读全文