Vuex 返回“TypeError：无法读取未定义的属性‘getter’”

Question

Vuex 似乎无法为我的 loading_state 找到我的 getter。但是，vuex 状态和 getter 仍然会在 Vue 开发人员工具中注册。我似乎无法在我的应用程序中调用它们。我尝试过更改变量名称，通过不同的方法调用 getter。loading_store.jsimport Vue from "vue";import Vuex from "vuex";Vue.use(Vuex);export const loading_store = new Vuex.Store({    state: {        loading: true    },    mutations: {        setFalse(state) {            state.loading = false;        },        setTrue(state) {            state.loading = true;        }    },    getters: {        isLoading: state => {            return state.loading;        }    }});应用程序<template>    <div id="app">        <Navigation />        <loading-spinner v-if="isLoading" />        <router-view class="m-3" />    </div></template><script>import Navigation from "@/components/Navigation";import LoadingSpinner from "@/components/LoadingSpinner";import { mapGetters } from "vuex";export default {    name: "app",    components: {        LoadingSpinner,        Navigation    },    metaInfo: {        title: "SnowStats"    },    computed: {        ...mapGetters(["isLoading"])    }};</script>主文件import Vue from "vue";import App from "./App.vue";//////////import { loading_store } from "./state/loading_store";/////////new Vue({    state: loading_store,    router,    render: h => h(App)}).$mount("#app");

Answer 1

我相信正确的语法是

new Vue({

    store: loading_store,

    router,

    render: h => h(App)

}).$mount("#app");