老师这是您的代码

import { render, h } from 'vue'
import type { MessageProps } from './types'
import MessageConstructor from './Message.vue'
export const createMessage = (props: MessageProps) => {
  const container = document.createElement('div')
  const vnode = h(MessageConstructor, props)
  render(vnode, container)
  //非空断言操作符
  document.body.appendChild(container.firstElementChild!)
}

这个代码的逻辑是

• 创建一个div，
• 创建虚拟dom渲染到div上
• 把div的第一个元素加到body上
  那为什么不直接把虚拟dom加到body上，这样直接就搞定了啊，老师这么做是有什么考虑么

export const createMessage = (props: MessageProps) => {
  const vnode = h(Message, props)
  render(vnode, document.body)
}

这是我的代码，也是能达到一样的效果啊