Vuex 이거.$store는 함수가 아니라 이것입니다.$store.syslog가 실행됩니다.

Vuex 이거.$store는 함수가 아니라 이것입니다.$store.syslog가 실행됩니다.

내 앱에서vue 컴포넌트는 다음과 같습니다.

mounted () {
   this.$store.dispatch('switchSideNav', false)
   ...
   console.log('COOKIE: ', this.$store.state('cookieAgreement'))
   if (!this.$store.state('cookieAgreement')
     .....

에러가 발생하고 있습니다.

Error in mounted hook: "TypeError: this.$store.state is not a function"

DevTools에서 Vuex를 확인하면 다음을 확인할 수 있습니다.

 state
    cookieAgreement:false
 getters
    getAllState: Object
       cookieAgreement: false

왜 this.store는 .state()에서는 맞는데 .state()에서는 맞지 않습니까?

피드백 환영

'state'는 함수가 아니라 'dispatch'는 vuex store의 함수이기 때문입니다.State는 javascript 객체로 다른 javascript 객체와 마찬가지로 도트 표기로 사용할 수 있습니다.이렇게.

this.$store.state.cookieAgreement // This returns your value

this.$store.state('cookieAgreement') // This returns error since .state is not a function its an object

언급URL : https://stackoverflow.com/questions/50695076/vuex-this-store-is-not-a-function-but-this-store-dispatch-is-executed