多目标Teleport：动态渲染到多个DOM容器并管理生命周期

探索Teleport组件的进阶用法，不限于单一to属性，实现条件性多目标传送、传送门内组件保持父作用域时的生命周期钩子变化。 · 难度：入门 · +10XP

多目标Teleport

Teleport通常用于将内容渲染到body末尾，但实际项目可能需要根据状态切换不同目标容器（如移动端弹窗到#mobile-modal，PC端到#desktop-modal）。本教程教你利用动态to属性绑定不同选择器，并处理Teleport内组件在父组件卸载时的清理逻辑。你会遇到样式隔离问题，并学会通过CSS层叠与插槽解决。