[Vue源码] Vue中响应式数据的原理

1、vue2.0 响应式数据的原理

概述Object.defineProperty() 递归数据劫持+订阅发布者模式

Vue2.0在初始化数据时,会给data中的属性使用Object.defineProperty重新定义所有属性,当页面取到对应属性时,会进行依赖收集(收集当前组件的watcher)如果属性发生变化会通知相关依赖进行更新操作。
在这里插入图片描述

源码:src/observer/index.js

/**
*   Observer ,抽象了对象的公共部分,之后用这个类来实例化对象。
*	constructor方法是类的默认方法,通过new命令生成对象实例时,

猜你喜欢

转载自blog.csdn.net/iChangebaobao/article/details/109001829