.mapActions
时间: 2024-01-06 12:40:32 浏览: 61
Map操作工具
Vuex mapActions 使用教程:
1. 在组件中引入 Vuex:
```
import Vuex from 'vuex'
Vue.use(Vuex)
```
2. 创建存储实例:
```
const store = new Vuex.Store({
state: { ... },
mutations: { ... },
actions: { ... }
})
```
3. 使用 mapActions 辅助函数:
```
import { mapActions } from 'vuex'
```
4. 在组件中使用 mapActions:
```
export default {
// ...
methods: {
...mapActions(['action1', 'action2']),
// 或者
...mapActions({
a1: 'action1',
a2: 'action2'
})
}
}
```
5. 调用存储中的动作:
```
this.action1()
this.a2()
```
6. 如果需要传递参数,可以在调用动作时传递:
```
this.action1(payload)
this.a2({
param1,
param2
})
```
阅读全文