Le composant neutron vuex ne peut pas appeler l'état public

Question

Je me suis impliqué récemment et je voulais essayer d'utiliser vuex, mais j'ai installé vuex et défini un état public dans store.js

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

, dans main.js

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

Mais je suis dans un composant enfant

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

Mais il m'a dit que ce statut n'est pas défini. Quelles étapes me manquent ?

.

Answer 1

通过mapGetters
import { mapGetters } depuis 'vuex'
calculé : ...mapGetters(['sideBarOpened']),

Answer 2

Avez-vous effectué l'opération d'inscription de vuex store, par exemple :

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

Si vous êtes déjà inscrit et que vous rencontrez toujours des problèmes, vous pouvez essayer la solution ci-dessus.

Answer 3

Votre main.js n'est-il pas injecté dans la boutique ?