vue3 中使用mapActions
时间: 2024-05-10 10:14:32 浏览: 154
vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用
在 Vue3 中,使用 `mapActions` 与 Vue2 中略有不同。你可以按照以下步骤使用 `mapActions`:
1. 首先,在组件中引入 `createNamespacedHelpers` 函数:
```
import { createNamespacedHelpers } from 'vuex';
```
2. 然后,在组件中使用 `createNamespacedHelpers` 函数创建命名空间辅助函数:
```
const { mapActions } = createNamespacedHelpers('namespace');
```
其中,`namespace` 是你的 Vuex 模块的命名空间。
3. 最后,在组件中使用 `mapActions` 将命名空间内的 action 映射到组件的方法中:
```
export default {
methods: {
...mapActions(['action1', 'action2'])
}
}
```
其中,`action1` 和 `action2` 是你的 Vuex 模块内的 action 名称。
注意:在 Vue3 中,`mapActions` 是一个函数,而不是一个对象。
阅读全文