Vue 3 从 0 到 1

从装环境到跑起第一个 SFC，讲清脚手架选项、四个脚本、目录结构、模块解析与 HMR，让"项目能跑"不再是靠运气。

模板是 Vue 唯一的声明式入口。这一节把条件渲染、列表、class/style 绑定、事件修饰符与表单 v-model 讲成一张可查的表，并给出一套三层校验的表单做法。

从命令式 DOM 操作讲到声明式渲染，再拆开响应式的三件事：依赖收集、触发更新、调度。这一节建立整门课的心智模型。

模板语法只是入口，真正决定可维护性的是组件边界。这一节讲清插值、指令、修饰符、props/emit 与插槽的正确用法。

组件拆分不是"越小越好"，而是按职责与变更频率划边界。这一节给出七种通信方式的适用场景，以及状态放置的判断顺序。

生命周期的本质是"组件在某一刻能做什么"。这一节给出六个阶段的钩子对照、父子执行顺序与各自的使用边界，并把 Vue DevTools 的调试路径走一遍。

响应式不是"监听变化"，而是"读写拦截 + 依赖图 + 调度"。这一节拆开 ref/reactive 的实现差异，并解释 computed 与 watch 的缓存逻辑。

模板先编译再运行。这一节讲清 parse/transform/codegen 三阶段，以及 Vue 3 用补丁标记和 Block Tree 把 diff 范围缩小到什么程度。

路由解决"页面在哪"，状态解决"数据归谁"。这一节讲清三种路由模式、守卫执行顺序、Pinia 的结构，以及什么时候不该用全局状态。

请求不是"调个接口赋值给 ref"。这一节讲清请求层的统一封装、四种页面状态的建模、竞态与取消、去重与缓存，并给出一个可复用的 useRequest。

TS 在 Vue 里不是装饰，而是组件契约。这一节讲清 props/emits/model 的类型写法、模板 ref 与 provide 的类型、泛型组件，以及模板类型为什么会丢。

体验由过渡、层级与加载态共同决定。这一节讲清四个内置组件的适用边界、类名时序与常见陷阱，并给出对话框与列表动画的完整做法。

SSR 不是性能银弹，它用服务端成本换首屏与 SEO。这一节讲清四种渲染模式的取舍、Nuxt 的数据约定、水合不一致的排查，以及什么时候不该上。

性能问题要先用数据定位，再动手。这一节按"渲染、响应式、加载、运行时"四层给出可验证的优化手段与判断标准。

能测、能构建、能上线，才算一个完整的项目。这一节讲清三层测试的分工、组件测试的写法，以及分包、缓存头与 history fallback 这些上线必踩的坑。

Vue 的简洁语法让 AI 更容易写对"表面"，也更容易写错"响应性"。这一节给出上下文四件套、Vue 专属的五个审查点、验证三道闸，以及一份能算清的账。

面试不是背 API，而是展示判断。这一节给出"结论—机制—取舍—验证"的表达骨架，以及五个高频题的答法与追问应对。