Vue

Vue 3的Suspense是内置组件，专门协调组件树里的异步依赖。本文从Suspense要解决的问题讲起，搞清楚async setup()怎么写、异步组件和Suspense怎么配合、suspensible选项干啥用，帮你告别满屏转圈圈的加 …

理论学完了，来点实际的！模态框组件怎么配合Transition做动画？通知栏怎么实现堆叠和自动消失？全屏遮罩怎么防止滚动穿透？三个完整实战案例，拿去直接用。

Teleport不只是传送到body那么简单。disabled让你按需开关传送，多个Teleport可以共享同一个目标容器按顺序排列，defer prop解决目标元素晚于Teleport渲染的时序问题。三个进阶玩法一次搞定。

Teleport的to属性不只是写个body那么简单，CSS选择器、DOM元素对象都能用，但每种写法都有坑。目标元素不存在会报错，动态切换目标要小心闪烁，SSR场景更是要格外注意。

模态框被父元素的transform搞偏了？z-index怎么设都不管用？Teleport就是Vue 3给你的"任意门"，把组件内容传送到DOM的任何位置，彻底告别CSS层叠上下文的噩梦。

KeepAlive好用但坑也不少：缓存组件里的定时器没清理会内存泄漏，缓存的数据太久不更新会变成"僵尸数据"，有些场景根本就不该用KeepAlive。这篇踩坑指南帮你避开所有雷区，附完整最佳实践总结。