vue2响应式原理

首先理解什么是数据响应式：

数据发生改变的时候，视图会重新渲染，匹配更新为最新的值。

了解什么是mvvm：

他是前端架构模式分别的含义：model（模块），对应的是data、view（视图）用户界面dom、view model（视图模块）视图模型，vue的实例对象，连接view和model的桥梁。

        核心就是提供对view和viewmodel的数据双向绑定，当数据变化时候，viewmodel会监听数据的变化并且更新视图，当用户操作视图的时候，viewmodel监听到数据的变化，然后通知数据惊醒改变，这就实现了双向绑定。viewmodel通过双向绑定将数据和视图进行绑定起来，他们之间的同步是自动的，所以只需要关注业务逻辑，不需要操作dom也不需要关注数据的状态问题，他们是由mvvm统一做的；

响应式原理：

当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的 property，并使用 Object.defineProperty 把这些 property 全部转为 getter/setter。

这些 getter/setter 对用户来说是不可见的，每个实例都对应一个watcher，他会在组件的渲染过程中把接触过数据的property记录为依赖，之后依赖项触发setter，会通知watcher，从而使他关联的组件重新渲染。