vue中mapActions 有什么作用
时间: 2024-05-16 07:14:52 浏览: 66
vue中,在本地缓存中读写数据的方法
`mapActions` 是一个辅助函数,用于将 Vuex 中的 action 映射到组件的 methods 中,使得组件可以直接调用 action,而不需要通过 `this.$store.dispatch()` 的方式触发。这样可以简化代码,并且让组件与 Vuex 更加解耦。
使用 `mapActions` 需要在组件中先引入 `mapActions`:
```javascript
import { mapActions } from 'vuex'
```
然后在组件的 `methods` 中使用 `mapActions`:
```javascript
methods: {
...mapActions([
'action1',
'action2'
])
}
```
这样就可以在组件中直接调用 `this.action1()` 和 `this.action2()` 来触发相应的 action。如果需要将 action 传递参数,可以像这样:
```javascript
this.action1({ param1, param2 })
```
总之,`mapActions` 可以让我们更加方便地调用 Vuex 中的 action,提高开发效率。
阅读全文