Vue的响应式系统依赖于Object.defineProperty()来实现数据变化的追踪，并结合观察者模式来更新视图。Object.defineProperty()用于设置数据属性的getter和setter，当属性变化时触发setter，进而通知所有依赖该属性的观察者。观察者模式则通过Dep类管理这些观察者，当数据变化时，会通知已注册的回调函数进行相应的更新操作。这种机制使得Vue能够在数据变化时自动更新对应的视图，简化开发流程。
vue的响应式会根据数据的变化更新视图,简化了开发时麻烦的手动更新操作，vue的响应式是由Object.defineProperty()和观察者模式组成的。
那么两者的作用是什么？
一.Object.defineProperty()
Object.defineProperty()里的回调包括两个参数get和set,当被监听的对象的属性发生变化会调用set的回调，而获取被监听对象的属性则会调用get的回调。这便是响应式原理如何获取数据变化的原因
VUE给data里所有的属性加上set,get这个过程就叫做Reactive化。
二.观察者模式
先举一个例子，假如你是一个知名up主，每当你更新了一个视频想要别人去看的时候，你总不可能把他们一个个叫他们过来看吧。于是你就可以让他们关注你，等你视频更新的时候发布一个动态提示他们去看，这就类似于观察者模式。
附上一张响应式原理图
其中这里的Dep就是一个观察者类，每一个data的属性都会有一个dep对象。当getter调用的时候，去dep里注册函数
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
