Vue Core 模块学习地图

模块价值

Vue Core 模块不是一串题目目录，而是一组围绕 响应式、调度器、组件边界 展开的知识面。真正有用的复习方式，是先识别题型，再建立主链，最后把答案落回真实系统。

阅读顺序

• 第 1 步：先读 组件通信：props、emits、provide/inject 与状态提升，先建立 机制型 题的回答骨架。
• 第 2 步：先读 Composable 设计：逻辑复用、effectScope 与副作用收口，先建立 机制型 题的回答骨架。
• 第 3 步：先读 computed 与 watch：派生状态、脏标记与副作用调度，先建立 对比型 题的回答骨架。
• 第 4 步：先读 KeepAlive：组件缓存、激活生命周期与状态保留代价，先建立 机制型 题的回答骨架。
• 第 5 步：先读 生命周期与 nextTick：渲染阶段、DOM 可见性与副作用时机，先建立 机制型 题的回答骨架。
• 第 6 步：先读 Vue 3 响应式系统：Proxy、effect、track 与 trigger，先建立 机制型 题的回答骨架。

题型分层

• 机制型题目：8 篇，复习时优先把同类题放在一起比较。
• 对比型题目：2 篇，复习时优先把同类题放在一起比较。

高频主链

• 先抓 响应式，再补 调度器，最后回到 组件边界 和真实项目
• Vue Core 模块内部的问题不要平铺理解，最好按“题型 -> 主链 -> 项目映射”三层推进
• 读完之后仍然不能把题目挂回系统上下文，说明模块主链还没有搭起来

跨模块连接

• Vue Core 经常和 JavaScript 一起出现，复习时最好连读。
• Vue Core 经常和 浏览器 一起出现，复习时最好连读。
• Vue Core 经常和 Vue Ecosystem 一起出现，复习时最好连读。

进入专题

• 组件通信：props、emits、provide/inject 与状态提升
• Composable 设计：逻辑复用、effectScope 与副作用收口
• computed 与 watch：派生状态、脏标记与副作用调度
• KeepAlive：组件缓存、激活生命周期与状态保留代价
• 生命周期与 nextTick：渲染阶段、DOM 可见性与副作用时机
• Vue 3 响应式系统：Proxy、effect、track 与 trigger
• ref 与 reactive：包装语义、代理边界与模板解包
• Vue 调度器：job queue、批量更新与 flush 顺序
• 虚拟 DOM、Block Tree 与 key：Vue 更新优化的真实基础
• watch、watchEffect 与清理机制：竞态取消与 effect 生命周期