Vue的响应式原理的个人理解

vue的响应式会根据数据的变化更新视图,简化了开发时麻烦的手动更新操作，vue的响应式是由Object.defineProperty()和观察者模式组成的。

那么两者的作用是什么？

一.Object.defineProperty() 

Object.defineProperty()里的回调包括两个参数get和set,当被监听的对象的属性发生变化会调用set的回调，而获取被监听对象的属性则会调用get的回调。这便是响应式原理如何获取数据变化的原因

VUE给data里所有的属性加上set,get这个过程就叫做Reactive化。

二.观察者模式

先举一个例子，假如你是一个知名up主，每当你更新了一个视频想要别人去看的时候，你总不可能把他们一个个叫他们过来看吧。于是你就可以让他们关注你，等你视频更新的时候发布一个动态提示他们去看，这就类似于观察者模式。

附上一张响应式原理图

其中这里的Dep就是一个观察者类，每一个data的属性都会有一个dep对象。当getter调用的时候，去dep里注册函数