this.$store.dispatch用法
时间: 2023-10-20 09:34:01 浏览: 221
vuex中store存储store.commit和store.dispatch的用法
5星 · 资源好评率100%
this.$store.dispatch是VueX中用于触发action的方法。在Vue组件中,可以通过this.$store.dispatch来派发一个action,从而执行某个具体的操作。
使用方法如下:
1. 在Vue组件中,通过this.$store.dispatch('actionName')来触发一个action,其中actionName为你在VueX store中定义的action的名称。
示例:
假设在VueX store中定义了一个名为increment的action,用于对state中的count进行加1操作,可以在组件中通过this.$store.dispatch('increment')来触发该action。
```
// VueX store
actions: {
increment({ commit }) {
commit('increment')
}
}
// Vue组件
methods: {
handleIncrement() {
this.$store.dispatch('increment')
}
}
```
这样,在组件中调用handleIncrement方法时,就会触发increment action,从而执行对state中的count进行加1的操作。
阅读全文