VueJS-将单独的组件加载到vue实例中

Question

在我的工作中，我目前正在重新设计Web平台，其中包括将许多旧的javascript / jquery移至VueJS中。

我有一个global.js持有我们的文件Vue的部件，我们有一个vendor.js持有Vue公司，爱可信，Vuex，...

现在我们的站点上有一个文本编辑器，此编辑器具有Vue版本。问题在于此文本编辑器很大，几乎可以压缩 500kb以用于生产。因此，我为此编辑器在一个单独的文件中创建了一个单独的组件，因为我们只需要两页即可。

现在，由于我的全局Vue占用了整个页面，因此我无法将文本编辑器插入其中，因为您无法将Vue实例放入另一个Vue实例中。

有没有一种方法可以将编辑器保留为一个完全独立的文件，但是在将其加载到页面时以某种方式使用全局Vue实例？

我已经搜索了很多，但是在任何地方都没有遇到这个问题。也许不可能做到这一点。

Answer 1

尝试异步加载TextEditor.vue。

new Vue({
  // ...
  components: {
    TextEditor: () => import("./TextEditor.vue")
  }
})

参考。