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

Question

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

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

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

Answer 1

首先肯定得在main.js中引入store
main.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获取
    }),
  },
}