javascript - 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

透過mapGetters
從'vuex'導入{mapGetters}
計算：...mapGetters(['sideBarOpened']),

Answer 2

你有做vuex store的註冊操作麼，例如：

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

如果已經註冊，還是有問題，可以試試樓上的解決方法。

Answer 3

你main.js 是沒注入store把？