VueJS和Vuex,动态导入和动态组件

时间:2018-02-08 13:51:38

标签: vue.js vuejs2 vue-component vuex

我是VueJS和Vuex的新手,因此动态导入组件时遇到问题。

问题在于,当我尝试访问此。$ store时,将返回undefined。

这是我的文件结构: components - books.vue - modals -- bookOne.vue -- bookTwo.vue ... -- bookTen.vue

book.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之后动态导入模态或?

谢谢!

0 个答案:

没有答案