vuex如何获取state的值
时间: 2023-09-03 12:15:29 浏览: 126
在Vue.js中,可以使用Vuex状态管理库来管理应用程序的状态。要获取状态(state)的值,可以使用Vuex提供的辅助函数`mapState`。
`mapState`是一个辅助函数,可以将组件的计算属性映射为 store.state 中的某个状态,例如:
```javascript
import { mapState } from 'vuex'
export default {
computed: {
...mapState({
count: state => state.count,
// 对象展开运算符,将 countGetter 映射为 this.countGetter
countGetter: 'countGetter'
})
},
}
```
在上面的代码中,我们使用`mapState`将`state.count`映射为组件的计算属性`count`,并将`state.countGetter`映射为组件的计算属性`countGetter`。
如果需要获取 store 中的状态的值,可以直接使用 this.$store.state 来获取,例如:
```javascript
export default {
computed: {
count() {
return this.$store.state.count
},
countGetter() {
return this.$store.state.countGetter
}
},
}
```
注意:使用`this.$store.state`获取状态的值不是响应式的,如果需要响应式地获取状态的值,应该使用`mapState`或者`mapGetters`函数。
阅读全文