Модульный магазин в Vuex с Vue JS не работает - PullRequest
Новая
       8

Модульный магазин в Vuex с Vue JS не работает

0 голосов
/ 12 октября 2018

Я занимаюсь разработкой веб-приложения с использованием Vue + Vuex.Я новичок в Vue.Сейчас я пытаюсь интегрировать Vuex в свое приложение Vue.Но когда я использую модульный Vuex, он не работает.

Это файл моего магазина с именем PersonalInfoFormStore.js 

export default {
    namespaced : true,
    state : {
        name : 'this is my name'
    }
}

Затем в app.js я настраиваю хранилище Vuexкак это 

import Vuex from 'vuex';

import PersonalInfoFormStore from './PersonalInfoFormStore';

//other packages


Vue.component("application-form", require('./components/PersonalInfoForm.vue'));

Vue.use(Vuex);

const store = new Vuex.Store({
    modules : {
        PersonalInfoFormStore
    }
});

const app = new Vue({
    el: '#app',
    //other bit of code
    store: store
});

Затем в PersonalInfoForm.vue я попытался получить доступ к значению состояния следующим образом. 

mounted() {

        alert(this.$store.PersonalInfoFormStore.state.name)
        //alert(this.$store.getters.count)
    }

Затем в консоли я получил эту ошибку 

app.js:664 [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'state' of undefined"

found in

Как это исправить?Если я не пользуюсь модульным магазином и помещаю все в один магазин, все работает нормально.Но я хочу модульный магазин.

Ответы [ 2 ]

0 голосов
/ 12 октября 2018 
alert(this.$store.PersonalInfoFormStore.state.name)

в 

alert(this.$store.state.PersonalInfoFormStore.name)
0 голосов
/ 12 октября 2018

Я думаю, что это должно быть this.$store.state.PersonalInfoFormStore.name вместо

...