// 将组件挂在到节点上!
const creatComp = (comp:Component,prop:Object)=>{
var app = createApp(comp,{
...prop
})
var divEle = document.createElement("div")
// 让我们节点挂在到一个dom元素上
document.body.appendChild(divEle)
app.mount(divEle)
// 解除绑定的时候
onUnmounted(()=>{
app.unmount(divEle)
document.body.removeChild(divEle)
})
}
使用:
这样就可以创建任何组件, 并且挂载到dom 节点上了,但是还是无法交互!
这个时候,就要思考, 若是这个动态的组件是自己处理逻辑,就不需要交互,如果需要交互呢,
这个时候,我们就考虑传递方法进去? 或者用 emit ??
这个我们都要考虑,先 实现了再说,然后继续思考
1,自己处理
<template>
<!-- 最终呢,我们的组件就会挂在到#dialog 一个documentElement -->