响应式原理
一、理论:
响应式原理:就是被拦截的对象
响应式本质:如果数据发生改变,依赖该数据的函数重新运行。
模板本质:重新渲染函数(render),该函数执行后,会重新返回虚拟dom
当响应式重新运行:响应式运行,渲染函数也会重新运行,并返回一个更真实的dom。
二、方法:
ref他是采用Object.definedProxy+Proxy
reactive他是采用Proxy
三、方法区别:
Object.definedProxy;适用于特定的数据结构进行读取写入,
Proxy:操作Proxy代理对象,读取,赋值,新增,删除。
重点:判断是否要拦截(只对属性拦截)
四、那么怎么判断依赖的函数,用到了effect。来收集函数和数据之间是否存在依赖。
五、其他响应式方法:computed,watch