本文详细介绍了在Vue应用中使用Vuex进行状态管理的两种常见方法：通过直接在store的mutations中定义函数并使用$store.commit调用，以及利用mapMutations辅助函数简化组件中的调用过程。通过实例展示了如何在组件的methods中调用这些方法来更新state中的数据。
方法1
- 在store.js的mutations中写函数
例如
mutations: {
addN(state,step) {
state.count += step
}
}
- 在用到vuex的组件中调用
在methods中写
例如
methods: {
handle2() {
this.$store.commit('addN',3)
}
}
方法2
- 在store.js的mutations中写函数
例如
mutations: {
addN(state,step) {
state.count += step
}
}
- 在用到vuex的组件中调用
在methods中写
例如
首先导入
import { mapState, mapMutations } from 'vuex'
然后再methods中写
...mapMutations(['sub']),
//要调用的函数
btnHandler1() {
this.sub()
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
