Vue3 响应式原理
核心 API
reactive()创建深层响应对象ref()包装基本类型effect()收集依赖并触发更新
Proxy vs Object.defineProperty
Proxy 拦截 13 种操作,原生支持数组下标与新增属性;Vue2 的 defineProperty 无法监听新增属性,必须用 Vue.set 兜底。
副作用调度
scheduler 把同步副作用合并为异步批处理,避免重复渲染。
reactive() 创建深层响应对象ref() 包装基本类型effect() 收集依赖并触发更新Proxy 拦截 13 种操作,原生支持数组下标与新增属性;Vue2 的 defineProperty 无法监听新增属性,必须用 Vue.set 兜底。
scheduler 把同步副作用合并为异步批处理,避免重复渲染。