Vue学习笔记-Vue3中的Teleport组件

作用

该组件的作用一般用于CSS样式，Teleport能够将写在其中的组件传输到指定位置

使用示范

<!--to中的属性值可以写css选择器，例如 to="#idName"-->
<teleport to="body">
 <div>
    <h3>我是一个弹窗</h3>
    <h4>今日要闻</h4>
    <h4>今日要闻</h4>
    <h4>今日要闻</h4>
    <h4>今日要闻</h4>
    <button @click="isShow = false">关闭弹窗</button>
 </div>
</teleport>

如上述代码所示，teleport中的html元素被传送至body中，无论谁调用该组件