Teleport 翻译来叫传送
具体有什么用呢 ， 我用一个小例子来说明
在我们的项目中，经常会用到全局的 dialog
image.png
当我们在组件中添加dialog的时候会添加到组件内的节点上，而组件内的顶层节点又是父级组件的子组件，
父级组件又在顶层组件之下，顶层组件呢，又挂载在顶层的DOM节点上，就导致层级特别的深。
被包裹在其他组件之中，容易被干扰
样式也在组件中，容易变得混乱
而在用户感知的角度下呢？
dialog看起来是在最顶层显示在屏幕中心的
所以我们可以这样来做
image.png
将dialog渲染在顶层的另外一个DOM节点上去，这样将它独立起来，这时候我们就可以用到今天的主角 Teleport ！
非常的简单，我们使用 <teleport> 标签将dialog组件的DOM结构包裹，然后在<teleport>上有一个to属性，
它指我们要将teleport渲染到哪个DOM节点上去，如下图我要将此dialog组件渲染到id位modal的节点上去。
image.png
接下来当然我们要有这个id为model的节点
我们在顶层DOM节点在新增一个model节点，这样就OK了
image.png
dialog的具体样式什么的我们就不赘述了，仅讨论了teleport的作用，以及一个小的应用场景！
