一.数据响应式原理

60 阅读1分钟

vue的响应式原理总的来说就是当数据发生改变的时候,视图会跟着发生改变,本质就是利用了数据劫持和观察者模式,他的内部原理是通过observe对data中的数据利用Object.defineProperty进行数据劫持,把data中的数据改写成getter,seter的写法,getter会让每一个数据产生发布者dep实例,通过compile,对模版进行编译,产生和data中属性相应的watcher订阅者,并把订阅者加入dep中,这是一对多的关系,当data中的数据发生变化时,有dep遍历通知watcher,watcher会更新视图