외부 파일에서 Vuex 인스턴스를 가져올 때 $store에 액세스할 수 없음

외부 파일에서 Vuex 인스턴스를 가져올 때 $store에 액세스할 수 없음

Vue & Vuex 2를 사용하여 카운터를 만듭니다.
스토어 객체의 카운트 속성에 액세스하려고 할 때,this.$store.state.count, 나는 그것을 얻었다.Cannot read property 'state' of undefined에러입니다.

내부에 스토어 인스턴스를 생성할 때 오류가 표시되지 않고 모든 것이 정상적으로 작동합니다.main.js를 Import 하지 않고,

main.discloss.main.discloss.

import Vue from 'vue'
import Vuex from 'Vuex'
import App from './App.vue'
import store from './store'

new Vue({
  el: '#app',
  store,
  render: h => h(App)
})

store.displaces를 설정합니다.

import Vue from 'Vue'
import Vuex from 'Vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    count: 1
  }
});

계산대.표시하다

export default {
  name: 'counter',
  template: `<span>{{ count }}</span>`,
  computed: {
    count () {
        return this.$store.state.count
    }
  },
}

가게 수입품이 뭐가 문제인지 아세요?

Import한 vue가 다릅니다.

import Vue from 'Vue'

이내에store.js그리고.

import Vue from 'vue'

이내에main.js

문제를 수정하기 위해 store.main.match와 일치하도록 store.match Import를 변경합니다.

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

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    count: 1
  }
});

main.js에서 Vuex Import를 삭제할 수도 있습니다.

언급URL : https://stackoverflow.com/questions/40676416/cant-access-store-when-importing-vuex-instance-from-an-external-file