Teleport Vue 3.0新特性之一。
    Teleport 是一种能够将我们的模板渲染至指定DOM节点，不受父级style、v-show等属性影响，但data、prop数据依旧能够共用的技术；类似于 React 的 Portal。
    主要解决的问题 因为Teleport节点挂载在其他指定的DOM节点下，完全不受父级style样式影响
    使用方法
    通过to 属性 插入指定元素位置 to=”body” 便可以将Teleport 内容传送到指定位置

    1. <Teleport to="body">
    2.     <Loading></Loading>
    3. </Teleport>

    也可以自定义传送位置 支持 class id等 选择器

    1.     <div id="app"></div>
    2.     <div class="modal"></div>
    4. <Teleport to=".modal">
    5.    <Loading></Loading>
    6. </Teleport>

    也可以使用多个

    1. <Teleport to=".modal1">
    2.      <Loading></Loading>
    3. </Teleport>
    4. <Teleport to=".modal2">
    5.      <Loading></Loading>
    6. </Teleport>

    ————————————————
    版权声明：本文为CSDN博主「小满zs」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
    原文链接：https://blog.csdn.net/qq1195566313/article/details/122916261