import Vue from 'vue';
export function create(Component, options) {
//把组件传进入
const Ctor = Vue.extend(Component);
//创建组件实例，挂载到dom
const Comp = new Ctor({
propsData: options
}).$mount();
//将组件实例添加到body上
document.body.appendChild(Comp.$el);
console.log(Comp)
Comp.remove = () => {
//删除dom
document.body.removeChild(Comp.$el);
//销毁组件
Comp.$destroy();
};
//返回Component组件实例
return Comp;
}
组件化vue.js 组件单向绑定组件双向绑定组件单次绑定 创建组件构造器注册组件使用组件 Vue.extend()...
测试代码 创键组件 两种方式：方法一：使用Vue.extend({}) 方法二：使用字面量 注册组件 全局注册语法...
实例化 > 存在期 > 销毁&清理期 实例化 首次使用一个组件类时,实例化期间以下方法依次调用 getDefaul...
一、全局组件的注册方法1）直接使用Vue.component 2)使用Vue.extend配合Vue.compon...
vue 实现全局使用的loading组件（使用Vue.extend） 在开发中，如果项目比较复杂，那么页面加载往往...
创建组件的时候都会调用 Vue.extend 注册组件第二个参数默认会调用extend,Vue.extend 使用...
组件化内部详解 本文将要展示Vue.extend和Vue.component的区别和联系 Vue.extend(o...
组件化内部详解 本文将要展示Vue.extend和Vue.component的区别和联系 Vue.extend(o...
组件 定义组件：使用Vue.extend(options)创建，其中options和new Vue(options...
本文标题：使用Vue.extend()方法实现组件实例化
本文链接：https://www.haomeiwen.com/subject/nvzughtx.html
网友评论