>[success] # Teleport -- 指定掛載 1. 希望組件不是掛載在這個組件樹上的，可能是移動到`Vue app`之外的其他位置,可以**通過teleport來完成**,他有兩個屬性 * `to`：指定將其中的內容移動到的目標元素，可以使用選擇器（id選擇#，css選擇器.）； * `disabled`：是否禁用 `teleport `的功能； 2. 使用場景有時候想將彈窗掛載到`body` 上 ~~~html <Teleport to="body"> <div v-if="open" class="modal"> <p>Hello from the modal!</p> <button @click="open = false">Close</button> </div> </Teleport> ~~~ 3. 想禁止使用 ~~~ <Teleport :disabled="isMobile"> ... </Teleport> ~~~ 4. 多個`Teleport `共享目標 ~~~ <Teleport to="#modals"> <div>A</div> </Teleport> <Teleport to="#modals"> <div>B</div> </Teleport> ~~~ * 被渲染為 ~~~ <div id="modals"> <div>A</div> <div>B</div> </div> ~~~