vue2 封装组件，通过import js 调用方法直接打开组件

vue封装组件

// options 内部同组件内部生命周期一样，但组件内部优先执行
import Vue from 'vue';
import QuillEditorUploadImage from "./Quill-Editor-Upload-Image.vue";

export default {
  open(quill) {
    // 实例化组件
    const QuillEditorUploadImageConstructor = Vue.extend(QuillEditorUploadImage)
    const instance = new QuillEditorUploadImageConstructor();
    instance.$mount();
    // 将组件添加到body上
    document.body.appendChild(instance.$el);
    // 调用组件内方法
    instance.open(quill);
  }
}

// 销毁组件
this.$destroy();