VUE响应式原理

Vue的响应式原理核心是通过ES5的保护对象的Object.defineProperty中的访问器属性中的get和set方法，data中声明的属性都被添加了访问器属性，当读取data中的数据时自动调用get方法，从实际保存数据的半隐藏属性中，读取出现在的属性值，return外部；自动调用set方法，检测到数据的变化，会通知观察者Watcher，观察者Watcher自动触发重新render当前组件（子组件不会重新渲染），生成新的虚拟Dom树，Vue框架会遍历并对比新虚拟DOM树和旧虚拟DOM树中每个节点的差别，并记录下来，最后，加载操作，将所有记录的不同点，局部修改到真是DOM树上

       Virtaul DOM: 用 js 对象模拟的，保存当前视图内所有 DOM 节点对象基本描述属性和节点间关系的树结构。用 js 对象，描述每个节点，及其父子关系，形成虚拟 DOM 对象树结构。 

项目中相关响应式总结：

因为只要在 data 中声明的基本数据类型的数据，基本不存在数据不响应问题，所以重点介绍数组和对象在vue中的数据响应问题，vue可以检测对象属性的修改，但无法监听数组的所有变动及对象的新增和删除，只能使用数组变异方法及$set方法。