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,当文本框输入文本时,用文本事件触发更新模型中的数据,同时也更新相应的视图。

相关推荐