# 练习 12：Teleport、Suspense 和 Transition

## 目标

认识 Vue3 常见内置组件在实际页面里的使用方式。

## 你要练什么

- `Teleport`
- `Suspense`
- `Transition`

## 任务

- 用 `Teleport` 把弹层渲染到 `body`
- 用 `Transition` 给弹层或提示做显隐动画
- 用 `Suspense` 包裹一个异步组件，并显示 fallback

## 文件

- [starter.html](/Users/lijiaqing/home/wwwroot/front-end-example/08-vue3/12-built-in-components/starter.html)
- [starter.js](/Users/lijiaqing/home/wwwroot/front-end-example/08-vue3/12-built-in-components/starter.js)