响应式系统从 Object.defineProperty 换成了 Proxy，性能与能力都大幅提升；组合式 API 把相关逻辑聚合在一起，解决 Options API 在复杂组件里的“逻辑碎片化”；编译优化让运行时更快。
理解这三件事，你就掌握了 Vue3 的骨架，剩下的 API 都只是围绕它们展开的语法。
学习建议：先在组合式 API 上花精力，Options API 已成历史包袱，新项目直接拥抱 Composition。
Vue3 常用生态一网打尽。
setup、ref/reactive、computed、watch 精讲。
新一代状态管理，简单好用类型友好。
路由守卫、动态路由、权限控制。
ref/reactive 边界、深层响应、性能注意。
Vue3 + Vite 的最佳实践组合。
单测、TS 支持、代码规范落地。
从脚手架到上线的完整路径。
用 Vite 创建 Vue3 + TS 项目，配置路径别名、ESLint、Prettier。
按功能组织 composables，把可复用逻辑抽离，组件保持轻量。
集成 Pinia、Vue Router、请求层与 UI 组件库，搭建完整应用骨架。
做路由懒加载、组件按需、缓存策略，打包优化后上线。
组合式 API 高频使用对照。
| 场景 | 推荐 API | 说明 |
|---|---|---|
| 基础响应式 | ref / reactive | ref 包原始值，reactive 包对象 |
| 计算属性 | computed | 依赖追踪，自动缓存 |
| 副作用监听 | watch / watchEffect | 数据变化时执行逻辑 |
| 组件生命周期 | onMounted 等 | 组合式等价写法 |
| 跨层通信 | provide / inject | 祖先向子孙传值 |
能 ref 就 ref。ref 在模板里自动解包、类型友好、可整体替换；reactive 有解构丢失响应性的坑。团队建议统一用 ref 兜底。
需要能读懂存量代码，但新代码建议用组合式。公司遗留项目大量 Options 时，兼容理解是必要的。
Proxy 响应式 + 编译优化（静态节点提升、事件缓存）+ 更小的运行时体积，首屏与更新性能均有明显提升。
按“职责”抽 composable（如 useUser、useCart），命名带 use 前缀，文件内保持可读的顺序。
