vuex组件里打印this.$store.state为undefined,求解？

Question

• vuex组件里打印this.$store.state为undefined

• vuex组件里打印this.$store存在切state为虚的

问题：我在组件怎么获取state?谢谢

Answer 1

首先肯定得在main.js中引入storemain.js:store/index.js组件中就可以直接使用this.$store.state获取state了。一般都是在store通过getter返回store，组件中的计算属性中获取store的getters从计算属性里面拿到vuex里面的state数据就可以在组件里面直接用了

Answer 2

import { mapState } from 'vuex';export default {  computed: {    ...mapState({      direction: state => state.direction,//绑定store.state.direction到组件，之后可用this.direction获取    }),  },}