码迷,mamicode.com
首页 > 其他好文 > 详细

Vue响应式

时间:2021-04-15 12:00:27      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:getter   load   inf   nbsp   setter   图片   png   react   watch   

技术图片

 

 1、第一步:组件初始化的时候,先给每一个Data属性都注册getter,setter,也就是reactive化。然后再new 一个自己的Watcher对象,此时watcher会立即调用组件的render函数去生成虚拟DOM。在调用render的时候,就会需要用到data的属性值,此时会触发getter函数,将当前的Watcher函数注册进sub里。

2、第二步:当data属性发生改变之后,就会遍历sub里所有的watcher对象,通知它们去重新渲染组件。

Vue响应式

标签:getter   load   inf   nbsp   setter   图片   png   react   watch   

原文地址:https://www.cnblogs.com/kaicy/p/14657005.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!