Хранить ссылки, но не определены

Question

Эй, у меня какая-то чушь проблема с магазином, который не определен Любой совет, чтобы я мог продолжить и закончить эту сборку программного обеспечения? Хранение и содержимое магазина отображаются в инструментах Vue Inspector. При вставке, как показано ниже, он разрывается и отображается пустым - содержимое компонента DOM внутри компонента App отсутствует.

App.vue оскорбительный отрывок

<div v-if="$store.state.showPreloader == true" id="preloaderWrap">
   <div id="preloader"></div>
</div>

Store.js

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const state = {
    stuff
}
const mutations = {
  stuff
}
const getters = {
    stuff
}
const actions = {
    stuff
}

export default new Vuex.Store({
  state: state,
  mutations: mutations,
  getters: getters,
  actions: actions
})

Main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import VueGraph from '../node_modules/vue-graph'
import VueMaterial from '../node_modules/vue-material'
import 'vue-material/dist/vue-material.min.css'

Vue.config.productionTip = false;
Vue.use(VueGraph);
Vue.use(VueMaterial);

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

Answer 1

Вам нужно инициализировать Vue с магазином:

new Vue({
  el: '#app',
  router,
  store: store,
  components: { App },
  template: '<App/>'
})