Vue3 - Teleport 传送门（详细教程）

前言

对比 Vue2 ，引出并展开 Vue3 。

本文讲述了 Teleport 传送门是什么，以及使用方法和代码示例。

介绍

学过 React 的同学可能知道， Portal 也提供了一种将子节点渲染到存在于父组件以外的 DOM 节点的优秀方案，当然咱们大名鼎鼎的 Vue3 也做到了，关于这方面的功能需求，第三方库也是有很多的，这里就不详谈了，感兴趣的可以自己去了解。

Teleport 传送门是 Vue3 内置的组件，它是一种能够将我们的模板移动到 DOM 中 Vue app 之外其他位置的技术。

Vue2 示例

先拿 Vue2 举例，上来讲概念直接上 Vue3 代码有些朋友肯定不太懂。

我们市场上很多项目，大部分都包含弹框，提示用户一些信息，比如 ElementUI 的弹框组件。

这样的弹框，我们在开发的时候都会选择创建一个组件啊，将来有页面需要用的时候，直接引入，再传入相应的配置即可。

---