白开水的博客

proxy代理的目标必须是非原始值，所以reactive不支持原始值类型。所以我们需要将原始值类型进行包装。

watch的核心就是观测一个响应式数据，当数据变化时通知并执行回调 （那也就是说它本身就是一个effect）

Vue3响应式原理-computed,接受一个 getter 函数，并根据 getter 的返回值返回一个不可变的响应式 ref 对象。

Reactivity模块基本使用<div id="app"></div><script src="./reactivity.global.js"></script><script> const { reactive, effect, shallowReactive, shallowReadonly, readonly } = VueReactivity; // let state = reactive({ name: 'jw'

为了实现响应式，我们使用了new Proxyeffect默认数据变化要能更新，我们先将正在执行的effect作为全局变量，渲染（取值），然后在get方法中进行依赖收集依赖收集的数据格式weakMap（对象：map（属性：set（effect））用户数据发生变化，会通过对象属性来查找对应的effect集合，全部执行；调度器的实现，创建effect时，把scheduler存在实例上，调用runner时，判断如果有调度器就调用调度器，否则执行runner边界情况：如果在执行effect时，又修改.