Vue2的响应式原理

Vue2的响应式原理主要采用了Object.defindproperty进行数据劫持，利用getter和setter两个方法对数据进行获取和设置，当数据被读取时，调用getter方法，当数据被修改或改变时，调用setter方法，去侦听数据的改变，同时会去通知wacher观察者模式，wacher观察者模式会自动触发render的当前组件，生成新的虚拟DOM树，Vue会遍历新旧DOM树的节点差异，并记录新节点，局部选渲染到真实DOM树上 。