Vue3原理

reactive方法会将对象变成proxy对象， `effect`中使用`reactive`对象时会进行依赖收集，稍后属性变化时会重新执行`effect`函数。

Vue3响应式原理-WatchAPI watch的核心就是观测一个响应式数据，当数据变化时通知并执行回调 （那也就是说它本身就是一个effect） 监测响应式对象 监测函数 watch中回调执行时机

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

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

effect的基本实现 依赖收集 触发更新 分支切换与cleanup 在渲染时我们要避免副作用函数产生的遗留