探索 Vue3 ( 三 ) Teleport传送组件

Teleport Vue 3.0新特性之一。

Teleport 是一种能够将我们的模板渲染至指定DOM节点，不受父级style、v-show等属性影响，但data、prop数据依旧能够共用的技术；

Teleport中的内容允许我们控制在任意的 DOM 中，完全不受父级style样式影响

绑定标签

to 属性是指定 teleport 中的内容加入的 DOM 元素。可以是标签名，也可以是 id 或类名。

 看看父组件的数据渲染

 ID 或者 类名绑定

 可以多个Teleport 一起使用

动态控制 Teleport

添加属性 :disabled="false"

 disabled == true 就是展示，这样子就可以通过变量来动态控制，另外只要家里disabled 其它就算没有加默认变成false