vue Observer
时间: 2023-11-04 21:06:10 浏览: 110
在Vue中,Observer是一个用于观察数据变化的功能。当我们创建一个Vue实例时,Vue会通过检查对象是否有__ob__属性来判断该对象是否已经处于Observer的观察中。如果不存在__ob__属性,则会通过new Observer来观察该对象。Observer会对对象的属性进行递归遍历,将每个属性转换为getter和setter,并添加Dep对象进行依赖收集。
Dep是Observer与Watcher之间的纽带。当数据发生变化时,Observer会观察到变化,并通知Dep对象,然后Dep对象会通知到所有依赖的Watcher对象,使其进行相应的操作,例如更新视图。
Watcher是数据的订阅者。Watcher会被创建并与特定的数据相关联,当数据发生变化时,Watcher会接收到通知,并执行相应的操作,例如更新视图。Watcher可以订阅多个数据,并且在数据变化时进行批量处理,以提高性能。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Vue原理解析之observer模块](https://blog.csdn.net/weixin_34211761/article/details/89083751)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文