export const openDialog=(options)=>{
const {title,content}=options
const div =document.createElement('div')
document.body.appendChild(div)
createApp(Dialog).mount(div)
}
创建一个div 把div放在body里面，然后把Dialog组件放在div里面。
给Dialog传值为ture，使用h函数
用法：
import { createApp,h } from 'vue'//引入h函数
createApp({
render() { ///必须return一个节点
return h(Dialog,{visible:true, ////把visible的值改成true
'onUpdate:visible':(newVisible)=>{ ///更新visible的值
if(newVisible===false){
app.unmount(div) ///销毁这个节点
}
}
},{
title,content
})
}
})
app.mount(div)
}
