如何编写全局Message

1. 编写组件
2. 将组件挂在到body
   1. 将vue组件转化为虚拟dom
   2. 再见vm渲染为真是dom

// 组件
export defineComponent({
    setup({props}){
        return (
            <div>{props.msg}<div>
        )
    }
})

1. 通过 createApp 的方式挂在组件

// 挂载组件
const Message = {
    success(msg){
       const div = document.createElement("div");
       div.setAttribute("class","message")
       document.body.appendChild(div)
       createApp(HelloWorld,{msg}).mount(".message")
    }
}

1. 通过createVNode + render 方式挂载组件

// 挂载组件
const Message = {
    success(msg){
        const div = document.createElement("div");
        div.setAttribute("class","message")
        const vm = createVNode(HelloWorld,{
            msg:message
        })
        render(vm,div)
        document.body.appendChild(div)
    }
}