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