vue判断数据是对象_图解VUE -- obj的变化检测

由于是对vue源码的解析,文章中不可避免的会出现一些代码。但我经量会以图来解释obj的变化检测原理

对obj的变化检测，实际上就是双向绑定，那么vue的双向绑定是怎么回事呢？对于对象(Object)来说，实际就是把每个数据进行“双向绑定"，以下是最粗略的图解，如何进行双向绑定？又如何进行视图管理？之后我会一一讲解。

大致过程.png

双向绑定，实际上是通过对象方法 Object.defineProperty+发布订阅模式来实现，他可以让数据的修改与读取被“代理” :

let car = {}

let val = 3000

Object.defineProperty(car, 'price', {

enumerable: true,

configurable: true,

get(){

console.log('price属性被读取了')

return val

},

set(newVal){

console.log('price属性被修改了')

val = newVal

}

})

对car进行读取和修改操作，都会触发上面的代理器,如下图：

控制台打印图.png

那么，如何对obj的每个数据都进行绑定操作呢?很简单！将对象的每个数据都取出&#