响应式原理

一、理论:

        响应式原理:就是被拦截的对象

        响应式本质:如果数据发生改变,依赖该数据的函数重新运行。

  模板本质:重新渲染函数(render),该函数执行后,会重新返回虚拟dom

  当响应式重新运行:响应式运行,渲染函数也会重新运行,并返回一个更真实的dom。

二、方法:

ref他是采用Object.definedProxy+Proxy

reactive他是采用Proxy

三、方法区别:

Object.definedProxy;适用于特定的数据结构进行读取写入,

Proxy:操作Proxy代理对象,读取,赋值,新增,删除。

重点:判断是否要拦截(只对属性拦截)

四、那么怎么判断依赖的函数,用到了effect。来收集函数和数据之间是否存在依赖。

 五、其他响应式方法:computed,watch

posted on 2024-11-21 10:58  爱前端的小魏  阅读(7)  评论(0编辑  收藏  举报

导航