Vue 3 依赖追踪：一场关于 dep 的深度解剖（附赠 WeakMap 与 Set 的爱恨情仇） 大家好，我是你们今天的源码导游，人称“变量观察家”。今天，我们不聊八卦，只聊 Vue 3 源码里一个非常核心，但又经常被忽略的概念：dep。 简单来说，dep 就是 Vue 3 响应式系统的神经中枢，它负责收集依赖，并在数据变化时通知相关的所有“观察者”。 如果你觉得 “依赖”、“观察者” 这些词听起来有点抽象，别担心，等下我会用非常接地气的方式，帮你彻底搞懂它们。 1. dep 的精确定义：你以为它只是个 Set？ 首先，我们要明确一点：dep 不仅仅是一个 Set。 虽然在 Vue 3 的实现中，dep 内部确实使用了一个 Set 来存储依赖（也就是 effect 函数），但 dep 本身还肩负着其他重要的职责。 让我们先来看一下 dep 的简化版代码骨架： // 简化版 dep class Dep { subs: Set<ReactiveEffect> = new Set(); // 存储 effect 的 Set active = true; // 用于控制是否收集依 …
继续阅读“解释 Vue 3 源码中 `dep` (依赖) 数据结构的精确定义，以及它如何与 `WeakMap` 和 `Set` 结合存储和管理依赖。”