Problem beim Versuch, auf Daten von vuex zuzugreifen

Question

Ich habe versucht, die Wasserdaten in Vuex einzugeben, und alles hat gut funktioniert, bis ich versucht habe, auf mein Datenfeld zuzugreifen.

const store = new Vuex.Store({
    state: {
        categories: {}
    },
    getters: {
        categories: (state) => {
            console.log(state.categories);
            return state.categories;
        }
    },
    mutations: {
        set_categories: (state, data) => {
            state.categories = data
        }
    },
    actions: {
        get_categories: (context) => {
            axios.get(`${baseUrl}/api/categories?pagination=0`)
                .then((response) => {
                    context.commit('set_categories', response.data);
                });
        }
    }
});

Das ist der gesamte Code in Vista und so greife ich in der Vista-Komponente darauf zu

mounted() {

        this.$store.dispatch('get_categories'); 
    },

computed: {
        stateCategories() { 
            return this.$store.state.categories 
        }
    },

console.log(this.stateCategories)

Aber meine Daten werden nicht angezeigt. Wissen Sie, was das Problem ist? Ich habe es mit dem Vue-Tool-Entwickler getestet und meine Daten werden in vuex

angezeigt

Answer 1

尝试等待响应：

async mounted() {
    await this.$store.dispatch('get_categories'); 
},