vue的响应式是vue的核心概念之一,在面试中也会经常被问到,跟大家分享一下我理解总结的vue的响应式原理。
vue的响应式的核心主要是采用数据劫持结合发布者-订阅者模式的方式实现的
先上图,结合图理解会轻松很多
在我们创建vue实例的时候,会传入el和data,将data传到Observer中做数据劫持,利用Object.definproperty将data里数据转化成getter/setter,data里的每个属性都有自己的dep(依赖收集对象)用来保存watcher实例。而el则传入compile,在compile里进行指令的解释,当解析到el中使用到data里的数据会触发我们的getter,从而将我们的watcher添加到依赖当中。当数据发生改变的时候会触发我们的setter发出依赖通知,通知watcher,watcher接受到通知后去向view发出通知,让view去更新