- 原文：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...
