数据响应式原理

1. 数据响应式原理,就是视图随着数据的改变而跟着改变

  - 主要是利用了Object.defineProperty数据劫持和观察者模式来实现的

  - 把data中属性利用递归的方法,遍历给Object.defineProperty(数据劫持),给每一个数据创建一个Dep被观察者。

  - 然后对模板进行编译compiler提取里面所有需要数据的地方转换成watch 把whatch加入到对应的Dep的观察列表中

  - 当data中某个属性发生改变时,被劫持所以vue北部是知道的,就会调用对应的Dep去通知所有观察者

  - 观察者就会去更新视图

posted @ 2022-07-26 19:46  腿毛比头发多的程序员  阅读(52)  评论(0编辑  收藏  举报