Vue 响应式系统源码走读：从 effect 到调度器

Vue 3 的响应式系统是 @vue/reactivity 这个独立包，不到 3k 行代码却设计精妙。这篇长文带你看懂它的两个核心问题：依赖是怎么收集的，更新是怎么调度的。

先看三层结构

响应式对象的关系藏在一个三层 WeakMap 里：

targetMap: WeakMap<target, Map<key, Dep>>
  └── 每个响应式对象 -> 它的每个属性 -> 一个 Set<ReactiveEffect>