VueJS - Load separate component into vue instance

You can modify the CSS for the editor to position:fixed or position:absolute and put it inside your app component. Then use a v-if to toggle visibility.

You can also wrap your editor using a 3rd party dialog component to wrap it into a modal popup window.


Another unrelated suggestion is to use lazy loading if the component has a large size.


Try loading TextEditor.vue asynchronously.

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

Reference.