- 原文:https://juejin.cn/post/6844904183938678798
- image.png
- 自己的理解
- 还未阅读订阅者和观察者设计模式
- 从
new
实例开始,通过dom
解析指令{{}}
语法,并渲染,在渲染页面的时候,为data
中每一个对象添加watcher
观察者. - 在
observer
这里的功能包括为data
中每一个数据设置defineProperty
,get
,set
发表方法。并添加为每一个数据添加订阅者,当数据发生改变时通知观察者,更新数据并更新视图。
关键:
添加订阅者和观察者,通知观察者。
依赖Object.defineProperty
,这个方法,通过修改他的get/set
方法。为数据设置监听函数,Object.defineProperty的getter/setter方法,会在数据进行访问/或修改时触发。
学习小马哥vue源码笔记
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 这篇文章从vue源码的角度分析,为什么在this.$nextTick回调里面才能看到视图更新了。 TL;DR th...
- 原理: vue.js 采用 数据劫持 结合 发布者-订阅者模式 的方法,通过 Object.defineProp...
- 模拟Vue.js响应式原理 数据驱动 数据响应式数据模型是普通的JavaScript对象,当我们修改数据时,视图会...
- Vue 源码学习 new Vue() 入口 src\platforms\web\entry-runtime-wit...