Vue3 Teleport组件如何实现跨组件的元素传送功能？

本文共计1282个文字，预计阅读时间需要6分钟。

目录 + Vue3 新特性 Teleport + Vue3 Teleport 和组件的识别与理解 + 一、认识 Teleport + 二、与组件结合使用 + 三、多个 Teleport + 四、认识 Vue 插件 + 五、插件的编写方式 + Vue3 新特性 Teleport + 在介绍 Teleport 之前，先了解 Vue 插件

目录

• vue3新增Teleport
• vue3 Teleport和插件的认识与了解
• 一、认识Teleport
• 二、和组件结合使用
• 三、多个teleport
• 四、认识Vue插件
• 五、插件的编写方式

vue3新增Teleport

在开始介绍Teleport之前先了解一下React的Portals特性。

Portal 提供了一种将子节点渲染到存在于父组件以外的 DOM 节点的优秀的方案。

ReactDOM.createPortal(child, container)

第一个参数（child）是任何可渲染的 React 子元素，例如一个元素，字符串或 fragment。第二个参数（container）是一个 DOM 元素。