d0d8be443b
- Introduced Vue3 exercises covering composable API, reactivity, lifecycle hooks, and built-in components. - Added structured interview plan for frontend candidates focusing on HTML, CSS, JavaScript, TypeScript, and Vue. - Included starter files for each exercise and detailed README documentation for guidance.
23 lines
589 B
Markdown
23 lines
589 B
Markdown
# 练习 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)
|