Vuex 이거.$store가 정의되지 않았습니다.

Vuex 이거.$store가 정의되지 않았습니다.

나는 vux와 vuetify로 vue를 배우려고 해.vue CLI를 통해 설치했습니다.

설명서와 같이 스토어에 접속하려고 하는데, 이것에 대해 정의되어 있지 않습니다.$스토리지

src/컴포넌트/HelloWorld.vue

<script>

export default {
  methods: {
    onChangeTheme: () => {
      console.log(this.$store)
    }
  }
};
</script>

src/main.disples

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import vuetify from './plugins/vuetify';

Vue.config.productionTip = false

new Vue({
  router,
  store,
  vuetify,
  render: h => h(App)
}).$mount('#app')

src/store.syslog

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

Vue.use(Vuex)

export default new Vuex.Store({
  state: {

  },
  mutations: {

  },
  actions: {

  }
})

옵션 속성 또는 콜백에 화살표 기능을 사용하지 마십시오.created: () => console.log(this.a)또는vm.$watch('a', newValue => this.myMethod())화살표 함수에는 이 값이 없기 때문에 이 값은 다른 변수로 취급되며 찾을 때까지 부모 스코프를 통해 어휘적으로 검색됩니다.Unchaught TypeError:Cannot read property of defined 또는 Unchaught TypeError: this.myMethod는 함수가 아닙니다.

여기에 설명이 있습니다.

언급URL : https://stackoverflow.com/questions/57638548/vuex-this-store-is-undefined