Vue 中注册插件步骤

文件

 

 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