Vue动态组件

Vue的生命周期

export default {
    install(Vue, options) {
        Vue.prototype.$toast = function (message) {
            const constructor = Vue.extend(Toast)
            const toast = new constructor();
            toast.$slots.default = [message]   //默认数组
            toast.$mount();
            document.body.appendChild(toast.$el)
        }
    }
}

如果两行互换则没有效果

当组件中的值是对象

必须用函数返回，因为它是引用类型，如果想要复用就必须每个组件都是新对象