Vue新增内置组件如何高效使用？

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

目录

一、Teleport 1.1 Teleport 介绍

1.2 使用 Teleport

1.3 预览效果

二、Suspense 2.1 介绍 Suspense

2.2 使用 Suspense

2.3 预览效果

总结

目录

• 一、Teleport
• 1.1 Teleport 介绍
• 1.2 使用 Teleport
• 1.3 预览效果
• 二、Suspense
• 2.1 介绍 Suspense
• 2.2 使用 Suspense
• 2.3 预览效果
• 总结

一、Teleport

Teleport 官方文档

1.1 Teleport 介绍

1.Vue 鼓励我们通过将 UI 和相关行为封装到组件中来构建我们的 UI。我们可以将它们相互嵌套以构建构成应用程序 UI 的树。

2.但是，有时组件模板的一部分在逻辑上属于该组件，而从技术角度来看，最好将模板的这部分移动到 DOM 中的其他位置，即 Vue 应用程序之外。