我是VueJS和Vuex的新手,因此动态导入组件时遇到问题。
问题在于,当我尝试访问此。$ store时,将返回undefined。
这是我的文件结构:
components
- books.vue
- modals
-- bookOne.vue
-- bookTwo.vue
...
-- bookTen.vue
我正在使用标签,我正在从modal文件夹加载组件。 模态工作,组件被加载,但我无法使用此。$ store进入模态。
books.vue
<modal name="example">
<div class="basic-modal">
<h1 class="title">Modal Title</h1>
<component :is="this.modalComponent"></component>
<button class="button" type="button" @click="close">Close Modal</button>
</div>
</modal>
模态/ bookOne.vue
created () {
console.log('deb', this.$store)
// this.$store returns undefined
},
computed: {
testing() {
console.log('testing', this.$store)
// this.$store is undefined
}
},
我正在使用此模块作为模态: https://github.com/ktsn/vuex-modal
那么,可能是什么问题?也许是应用程序的实时循环,因为在初始化webpack之后动态导入模态或?
谢谢!