Vuex this. $ Store - это не функция, а this. $ Store.dispatch мы выполнили

Question

В моем компоненте Aop.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"

Проверяя Vuex на DevTools, я вижу:

 state
    cookieAgreement:false
 getters
    getAllState: Object
       cookieAgreement: false

почему this.store работает с .dispatch (), но не с .state ()?

обратная связь приветствуется

Answer 1

Потому что 'state' - это не функция, а 'dispatch' - это функция хранилища vuex.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