this.$store.dispatch('fetchData');
时间: 2024-01-23 08:15:24 浏览: 77
Vue.js 3.X开发经验及技巧汇总
在Vue.js中,this.$store.dispatch('fetchData')用于触发一个action来异步获取数据。这个方法会调用store中的一个action,并且可以传递参数给action。action是用来处理异步操作的,例如发送请求获取数据。
以下是一个示例代码:
```javascript
// 在组件中调用 this.$store.dispatch('fetchData')
methods: {
fetchData() {
this.$store.dispatch('fetchData', { param1: 'value1', param2: 'value2' });
}
}
```
在store中定义一个action来处理这个请求:
```javascript
// 在store中定义一个action
actions: {
fetchData(context, payload) {
// 这里可以进行异步操作,例如发送请求获取数据
// 可以使用payload来获取传递的参数
// 完成异步操作后,可以通过commit方法来触发mutation来更新state
}
}
```
这样,当调用this.$store.dispatch('fetchData')时,会触发fetchData这个action,并且可以传递参数给action进行处理。
阅读全文