Vue响应式核心是依赖追踪与触发更新的闭环：读取时收集依赖（Track），修改时通知更新（Trigger）；仅在活跃effect中读取才收集，通过Proxy拦截get/set实现精准响应。
Vue.js 的响应式核心在于依赖追踪（Track）与触发更新（Trigger）的闭环协作——数据被读取时自动收集依赖，被修改时精准通知相关依赖更新。
依赖收集（Track）：谁在什么时候记住了谁？
当组件渲染或计算属性求值时，会进入“依赖收集模式”。此时访问响应式数据（如 ref.value 或 reactive.obj.prop），其内部的 get 拦截器就会执行：
- 判断当前是否存在活跃的副作用（如 effect 或组件 render 函数），若存在，则将该副作用加入该响应式属性对应的依赖集合（Dep）中；
- 每个响应式对象的每个属性（或整个 ref）都维护一个独立的 Dep（本质是 Set），用于存储所有依赖它的副作用；
- 嵌套对象会逐层触发 get，实现深度依赖收集；数组通过重写 push/pop 等方法，在操作时主动触发依赖收集（如 length 变更也会被 track）。
触发更新（Trigger）：数据一变，谁该重新跑？
当响应式数据被赋值（set）或调用变更方法（如 array.push()）时，set 拦截器或重写方法会执行 trigger 流程：
- 根据当前操作的 key（如 'count'）找到对应属性的 Dep 集合；
- 遍历该 Dep 中所有已注册的副作用函数，并将其加入调度队列（queueJob）；
- Vue 使用异步批处理机制（微任务）确保同一 tick 内对同一副作用只触发一次，避免重复执行。
Effect 调度与组件更新的衔接
被 trigger 的副作用函数，通常是组件的 render 函数或用户定义的 watchEffect。它们被调度后：
立即学习“前端免费学习笔记（深入）”；
- render effect 重新执行，生成新的虚拟 DOM；
- 新旧 VNode 进行 diff，仅更新真实 DOM 中变化的部分；
- computed 和 watch 内部也基于 effect 构建，因此同样享受 track/trigger 的统一响应式基础设施。
关键细节：为什么不是所有读取都会被收集？
Track 仅在“激活的 effect 执行期间”发生。例如：
- console.log(obj.count) 在全局执行不会收集依赖（无 active effect）；
- 条件语句中未执行的分支（如 v-if="false" 内的 obj.count）也不会被 track；
- 使用 toRaw 或 markRaw 包裹的对象绕过 proxy，自然不参与 track/trigger。
