* 可以让被标签 Teleport 包裹的组件显示在父组件外特定的标签中。 **1. 不使用`Teleport`** ```html <template> <div class="demo01"> <div class="demo02"> <div class="demo03"></div> </div> </div> </template> <!-- 被渲染后，class="demo03"组件默认是被放在class="demo02"的父组件中 --> <div class="demo01"> <div class="demo02"> <div class="demo03"></div> </div> </div> ``` **2. 使用`Teleport`** ```html <template> <div class="demo01"> <div class="demo02"> <!-- 将被Teleport包裹的组件放到to指定的父组件外面 --> <Teleport to="div"> <div class="demo03"></div> </Teleport> </div> </div> </template> <!-- 被渲染后，class="demo03"组件被放到最外层的id="app"组件中 --> <div id="app" data-v-app=""> <div class="demo01"> <div class="demo02"> </div> </div> <div class="demo03"></div> </div> ```