Vue3中的Teleport如何使用

Teleport是传送的意思
<Teleport> 接收一个 to prop 来指定传送的目标。to 的值可以是一个 CSS 选择器字符串，也可以是一个 DOM 元素对象。这段代码的作用就是告诉 Vue“把以下模板片段传送到 body 标签下”。方便做遮罩层
，无论你嵌套的有多深，Teleport都会把内部的DOM插入到to所指定的目标中。

<Teleport to="body">
  <div v-if="open" class="modal">
    <p>Hello from the modal!