ref
通过ref注册的响应式数据，有一个访问器属性value，当getter时收集依赖，setter时派发更新
而对于set的value，使用toReactive进行处理，首先判断数据类型是不是object，如果不是原样返回，反之使用reactive使value也变成响应式数据
reactive
🚀代理
允许我们拦截并重新定义对一个对象的基本操作
基于proxy进行代理，他接受两个参数，第一个参数是被代理对象，第二个参数是一组traps,例如get set,通过这些trap可以控制被代理对象的基本操作
对于reactive来说，有get set deleteProperty has ownKeys这些traps
在get中进行track依赖收集，如果value是一个对象，会递归调用reactive实现深度监听。如果value是一个ref类型，会进行自动解包
在set中处理新增和修改属性，进行trigger派发更新
在deleteProperty处理删除属性，触发trigger
在has拦截in操作符，触发track
在ownKeys拦截forin，触发track
通过配置这些traps可以进一步实现shallowreactive，readonly等api
computed
使用computed会返回一个对象，它也有一个访问器属性value，初始化时会执行一遍里面的回调函数，搜集依赖。
并且还有两个属性dirty和value，dirty初始化设置为true，代表需要重新执行回调，value则是回调return的值。
当computed依赖的响应式数据发生变化，dirty被设置为true，当触发getter时会重新执行回调，并更新value，将新值返回。
如果依赖没有改变，触发getter不会重新执行回调，而是返回缓存的value。
nextTick
🚀
我们通过js修改dom时 dom树在内存中是同步发生更新的，但是此时的最新状态并不会立即反应到屏幕上 而是要等待浏览器的渲染周期和帧率有关 一般在16.6ms 当渲染完成后 才能在屏幕观测到最新的页面
这跟vue的异步更新队列有关，vue会同步将任务放入任务队列，在微任务promise.then中执行任务队列
因此要获取最新的dom，需要在上面提到的微任务执行完之后再执行
nexttick的原理就是通过promise的链式调用,将nexttick里的回调放在上面的微任务.then里执行
watch
基于vue响应式系统，首先会将watch的第一个参数标准化，也就是getter函数的形式，将其创建为一个响应式副作用，配合调度器控制watch回调的执行。
当响应式数据发生改变，触发trigger派发更新，由于调度器的存在，会再次执行watch里的回调，也会执行上面的getter函数拿到新值，旧值通过闭包拿到，最后将新旧值做为回调的参数。
通过源码可以发现，watch监听ref reactive数据类型是不同的，当是reactive类型，默认会调用traverse进行深度监听，对于ref类型，不会进行深度监听，通过设置deep：true能实现深度监听。
对于flush，这跟组件的更新时机有关系，默认是pre，也就是在父组件更新之后，子组件更新之前执行，post是在组件更新之后，sync则是同步执行。
watchEffect则是vue提供的创建响应式副作用的api。
keepalive
卸载时并不会真的卸载，而是移动到一个隐藏容器里，挂载时也不是真的挂载，而是从隐藏容器中取出放在页面上
keepalive有一个特殊标识表明他是缓存组件,keepalive通过ctx实现与渲染器的通信，keepalive会在ctx上实现activate/deactivate