Vue 3响应式核心是Proxy拦截+effect调度+track/trigger闭环：get时记录依赖，set时通知更新；依赖动态收集、精准触发、异步调度。
Vue 3 响应式原理的核心，就落在两个动作上：读的时候“记下来谁在用”，改的时候“通知所有用过的人”。这背后不是魔法，而是 Proxy 拦截 + effect 调度 + track/trigger 协作形成的闭环机制。
Proxy 是响应式的“守门人”
它不提前扫描所有属性，而是在数据真正被访问或修改时才介入：
-
get 拦截：只要写
state.count，就触发，此时判断有没有正在运行的 effect（比如组件 render 函数），有就记录依赖 -
set 拦截：只要写
state.count = 5，就触发，查出所有依赖这个 count 的 effect，逐个执行 - 对数组方法（push、pop、splice）、新增/删除属性、
in操作、Object.keys等原生支持，不用额外补丁
依赖收集发生在“读取那一刻”，不是初始化时
组件首次渲染时，模板里访问 user.name，会走进 get 拦截器。这时系统才知道：“哦，这个渲染函数正依赖 name”。关键点在于：
aperture: the L402 aware reverse proxy
下载
安装并运行 Aperture（Lightning Labs 的 L402 闪电反向代理），用于创建 L402 付费墙、配置付费 API 端点、为其他代理托管付费内容或测试 L402 认证流程。
- 依赖关系是动态建立的，只收集真实用到的字段
- 每个响应式属性背后对应一个 Set（存放 effect 函数），靠 WeakMap + Map + Set 结构组织，避免内存泄漏
- effect 执行前会先清空旧依赖（cleanup），防止残留的“脏依赖”误触发
派发更新靠 trigger 精准唤醒，不是全量刷新
数据变了，Vue 不会重跑整个应用，而是按需通知：
立即学习“前端免费学习笔记（深入）”；
- 修改
state.list[0].title，只会触发依赖list[0].title的 effect，不影响list[1].title - trigger 内部不只是执行 effect，还会交由 scheduler（如 queueJob）做去抖、合并、异步调度，保证更新高效且可控
- 像
ref这类基本类型包装，底层虽用 getter/setter，但对外行为与 reactive 一致，统一走 track/trigger 流程
effect 是连接用户逻辑和响应式系统的桥梁
你写的组件渲染函数、computed、watch，最终都被 effect 包裹，才能接入这套机制：
- 调用
effect(() => {...})时，函数立即执行一次，并自动进入依赖收集模式 - 内部通过
activeEffect全局变量标识当前正在运行的 effect，让 track 知道“该记谁” - effect 支持嵌套和栈式管理（effectStack），确保深层响应式访问时依赖归属准确
