v-model只是语法糖而已；主要利用:value属性的绑定和@input事件的触发去实现的。给组件添加v-model属性时，默认会把value作为组件的属性，然后把'input'值作为给组件绑定事件时的事件名。<!--二者等价--><inputv-model="str"/><input:value="str"@input="str=$event.target.value"/><!--input元素本身有个oninput事件，这是HTML5新增加的，类似onchange，每当输入框内容发生变化时，就会触发oninput，把最新的value传递给str。-->

所谓的数据双向绑定，就是view的变化能反映到ViewModel上，ViewModel的变化能同步到view上。newVue一个实例对象a，其中有一个属性a.b，那么在实例化的过程中，通过Object.defineProperty()会对a.b添加getter和setter，同时Vue.js会对模板做编译，解析生成一个指令对象（这里是v-text指令），每个指令对象都会关联一个Watcher,当对a.b求值的时候，就会触发它的getter，当修改a.b的值的时候，就会触发它的setter，同时会通知被关联的Watcher，然后Watcher就会再次对a.b求值，计算对比新旧值，当值改变了，Watcher就会通知到指令，调用指令的update()方法，由于指令是对DOM的封装，所以就会调用DOM的原生方法去更新视图，这样就完成了数据改变到视图更新的一个自动过程。

当你把一个普通的JavaScript对象传给Vue实例的data选项，Vue将遍历此对象所有的属性，并使用Object.defineProperty把这些属性全部装换为getter/setter。Object.defineProperty是ES5中一个无法shim的特性，这也就是为什么Vue不支持IE8以及更低版本浏览器的原因。每个组件实例都对应一个watcher实例，它会在组件渲染的过程中把“接触”过的数据property记录为依赖。之后当依赖项的setter触发时，会通知watcher，从而使它关联的组件重新渲染。更具体的理解：利用Object.defineProperty进行数据劫持同时结合观察者模式（发布/订阅模式）来实现数据双向绑定，这也是vue响应式原理的核心。

Vue中定义一个Watcher类来表示观察订阅依赖。至于为啥引入Watcher，《深入浅出vue.js》给出了很好的解释:当属性发生变化后，我们要通知用到数据的地方，而使用这个数据的地方有很多，而且类型还不一样，既有可能是模板，也有可能是用户写的一个watch,这时需要抽象出一个能集中处理这些情况的类。然后，我们在依赖收集阶段只收集这个封装好的类的实例进来，通知也只通知它一个，再由它负责通知其他地方。依赖收集的目的是将观察者Watcher对象存放到当前闭包中的订阅者Dep的subs中,形成如下所示的这样一个关系（图参考《剖析Vue.js内部运行机制》）

收集依赖需要为依赖找一个存储依赖的地方，为此我们创建了Dep,它用来收集依赖、删除依赖和向依赖发送消息等。于是我们先来实现一个订阅者Dep类，用于解耦属性的依赖收集和派发更新操作，说得具体点，它的主要作用是用来存放Watcher观察者对象。我们可以把Watcher理解成一个中介的角色，数据发生变化时通知它，然后它再通知其他地方。

首先有个问题，在Javascript中，如何侦测一个对象的变化？其实有两种办法可以侦测到变化：使用Object.defineProperty和ES6的Proxy，这就是进行数据劫持或数据代理。方法1.Object.definePropertyVue通过设定对象属性的setter/getter方法来监听数据的变化，通过getter进行依赖收集，而每个setter方法就是一个观察者，在数据变更的时候通知订阅者更新视图。方法2.ProxyProxy是JavaScript2015的一个新特性。Proxy的代理是针对整个对象的，而不是对象的某个属性，因此不同于Object.defineProperty的必须遍历对象每个属性，Proxy只需要做一层代理就可以监听同级结构下的所有属性变化，当然对于深层结构，递归还是需要进行的。此外Proxy支持代理数组的变化

当price发生变化的时候，Vue就知道自己需要做三件事情：更新页面上price的值计算表达式price*quantity的值，更新页面调用totalPriceWithTax函数，更新页面数据发生变化后，会重新对页面渲染，这就是Vue响应式，那么这一切是怎么做到的呢？想完成这个过程，我们需要：侦测数据的变化收集视图依赖了哪些数据数据变化时，自动“通知”需要更新的视图部分，并进行更新对应专业俗语分别是：数据劫持/数据代理依赖收集发布订阅模式