Vue数据响应式原理笔记

1、什么是数据响应式

数据响应式既数据双向绑定，就是把 Model 绑定到 View，当我们用 JavaScript 代码更新 Model 时，View 就会自动更新；如果用户更新了 View,Model 的数据也自动本更新。

2、数据响应式的原理

Vue 实现数据响应式的原理就是利用了 Objsc.defineProperty()这个方法重新定义了对象获取属性值（get）和设置属性值 (set) 的操作来实现。vue3.0 版本采用的 ES6 的 Proxy 对象来实现

3、数据响应式的实现
订阅发布者设计模式、实现 MVVM 中的用 M 到 V，把模型里面的数据绑定到视图、最后实现 V -M, 当文本框输入文本时，用文本事件触发更新模型中的数据，同时也更新相应的视图。