vue source code study:Vue源代码研究 vue source code

VUE原始码学习 VUE响应式原理 Vue.js的响应式原理依赖于Object.defineProperty (不支持IE8).Vue通过设定对象属性的setter/getter方法来监听数据的变化,通过getter进行依赖收集,而每一个设置器方法就是一个观察者,在数据变更的时候通知订阅者更新视图。 VUE依赖收集 实际上Vue的依赖收集var dep = new Dep(); dep.depend(); var dep = new Dep(); dep.depend();是在Vue第一次挂载渲染的时候,首先根据数据的密钥实例化了了不同的Dep对象,在compile的阶段中bind过程中实例化new Watcher()的过程中定的,这个时候watch.get()的过程,vue的数据便是在这一过程中实现了依赖收集 Dep.target = this; var value = this