响应式原理

一、理论:

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

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

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

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

二、方法:

ref他是采用Object.definedProxy+Proxy

reactive他是采用Proxy

三、方法区别:

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

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

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

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

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

posted on   爱前端的小魏  阅读(19)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· 字符编码:从基础到乱码解决
· SpringCloud带你走进微服务的世界
历史上的今天:
2020-11-21 今日练习题
2020-11-21 测试软件---Badboy介绍以及操作
2020-11-21 mysql---索引值

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示