vue 构造函数,vue实例,挂载
Vue构造函数
vue的构造函数有两种Vue、Vue.extend();
Vue实例
Vue实例是通过构造函数生成的,场景说明
有一个组件配置对象Notice.vue需要追加body里
设计:
一个全局\(create函数将Notice.vue变为真实dom追加到body上
`export default function create(Component,props){
//借用Vue构造函数来动态生成组件实例
const vm=new Vue({
render(h){
return h(Component,{props});
}
});
//执行过\)mount后根实例上会有\(el
//\)mount===document.createElement vm.\(mount();
//通过\)el属性获取真实的dom
document.body.appendChild(vm.\(el);
//根组件\)el属性获取真是的dom
document.body.appendChild(vm.\(el);
//根组件VueComponent为根实例Vue的\)children
const comp=vm.\(children[0];
//组件销毁
comp.remove=()=>{
document.body.removeChild(vm.\)el);
comp.$destroy()
}
return comp;
}
}
`

浙公网安备 33010602011771号