vuex的dispatch用法
时间: 2023-09-08 08:14:57 浏览: 247
vuex中store存储store.commit和store.dispatch的用法
5星 · 资源好评率100%
Vuex是Vue.js的官方状态管理库,提供了一种集中式存储管理应用的方法。Vuex中有一个dispatch方法,用于触发一个action。
dispatch方法的用法如下:
```javascript
this.$store.dispatch('actionName', payload)
```
其中,`actionName`是你要触发的action的名称,`payload`是你要传递给action的参数。如果你不需要传递参数,可以省略。
在action中可以通过`context`对象来提交mutation:
```javascript
actions: {
actionName(context, payload) {
context.commit('mutationName', payload)
}
}
```
这里的`mutationName`是你要提交的mutation的名称,payload是你要传递给mutation的参数。
如果你需要在组件中获取mutation的返回值,可以在dispatch方法后面使用`then`方法:
```javascript
this.$store.dispatch('actionName', payload)
.then((result) => {
// 处理返回值
})
```
这里的`result`是mutation的返回值。
阅读全文