vuex中子组件无法调用公共状态

Question

本人最近刚入坑，刚想尝试用vuex，但是我安装了vuex,在store.js中设置了一个公共状态

state: {
        sideBarOpened: false
        //放置公用状态
    }

，在main.js里

import Vuex from 'vuex'
import store from './store/store'
Vue.use(Vuex)

但是我在一个子组件里

this.hotSeen=this.$store.state.sideBarOpened;

却告诉我这个状态undefinded，请问我缺了什么步骤吗

Answer 1

你main.js 是没注入store把？

Answer 2

你有做vuex store的注册操作么，比如：

const store = new Vuex.Store({
    state: state
    ...
})

如果已经注册，还是有问题，可以试试楼上的解决方法。

Answer 3

通过mapGetters
import { mapGetters } from 'vuex'
computed: ...mapGetters(['sideBarOpened']),