...mapState
时间: 2023-10-28 13:01:58 浏览: 86
解决VUEX的mapState/...mapState等取值问题
5星 · 资源好评率100%
mapState 是 Vuex 提供的一个辅助函数,用于将 store 中的 state 映射到组件的 computed 计算属性中。它的作用是简化组件中获取 state 的操作。
使用 mapState 需要传入一个对象,对象中的每个属性都是一个计算属性,它的值可以是一个函数或者一个字符串数组。如果是一个函数,它接收两个参数:state 和 getters,返回一个计算属性的值;如果是一个字符串数组,它会将数组中的字符串作为 state 中的属性名,从而得到相应属性的值。
示例代码:
```
import { mapState } from 'vuex'
export default {
computed: {
...mapState({
count: state => state.count,
todos: state => state.todos
})
}
}
```
这样,在组件中就可以通过 this.count 和 this.todos 获取 store 中的对应状态值了。
阅读全文