首页 > 技术文章 > Vue 中注册插件步骤

jxfy 2021-05-02 19:21 原文

文件

 

 2.main.js

  1.先导入

  import toast from 'index.js'

  2.安装

  Vue.use(toast)

3.index.js

import Toast from './toast.vue'

const obj = {}
obj.install = function(Vue){

    //1.创建组件构造器
    const toastconstructor = Vue.extend(Toast)

    //2.获取构造器实例
    const toast = new toastconstructor()

    //3.挂载组件元素到DOM
    toast.$mount(document.createElement('div'))

    // 4.添加DOM到页面
    document.body.appendChild(toast.$el)
    Vue.prototype.$toast = toast
}
export default obj

 

推荐阅读