Vue响应式原理/双向数据绑定
响应式原理： 每个组件实例都对应一个 watcher 实例，它会在组件渲染的过程中把“接触”过的数据 property 记录为依赖。之后当依赖项的 setter 触发时，会通知 watcher，从而使它关联的组件重新渲染。
于是vue中就是每当有这样的可能用到双向绑定的指令，就在一个Dep中增加一个订阅者，其订阅者只是更新自己的指令对应的数据，也就是v-model=name和{{name}}有两个对应的订阅者，各自管理自己的地方。
vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的，其中比较关键的是数据劫持，下面咱们看一个例子。
视图交互变化(input) - 数据model变更的双向绑定效果。v-model是什么？怎么使用？ vue中标签怎么绑定事件？可以实现双向绑定，指令(v-class、v-for、v-if、v-show、v-on)。vue的model层的data属性。
当一个vue实例加载时，会进行初始化，将他的配置项options和mixins的内容合并，以options为主，而在初始化data时，会对data对象进行数据劫持，并做代理，通过Object。
Vue 是一个 MVVM 框架，核心是双向数据绑定，VM（视图模型）是作为 V（视图） 和 M（模型）的桥梁。下面是对 Vue 响应式（双向数据绑定）的理解，如果错误尽请指出，一起交流，共同进步。
vue双向绑定数据改为静态数据
vue实现数据双向绑定主要是：采用数据劫持结合发布者-订阅者模式的方式，通过 Object.defineProperty() 来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应监听回调。
Vue 主要通过以下 4 个步骤来实现数据双向绑定的：实现一个监听器 Observer：对数据对象进行遍历，包括子属性对象的属性，利用 Object.defineProperty() 对属性都加上 setter 和 getter。
于是vue中就是每当有这样的可能用到双向绑定的指令，就在一个Dep中增加一个订阅者，其订阅者只是更新自己的指令对应的数据，也就是v-model=name和{{name}}有两个对应的订阅者，各自管理自己的地方。
vue双向数据绑定是通过 数据劫持 结合 发布订阅模式 实现的，数据和视图同步，即数据发生变化，视图跟着变化，视图变化，数据也随之发生改变 核心：Object.defineProperty()参数： obj ：要定义属性的对象。
vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的，其中比较关键的是数据劫持，下面咱们看一个例子。
vue的数据双向绑定是通过数据劫持和发布－订阅者功能来实现的。实现步骤：实现一个监听者Oberver来劫持并监听所有的属性，一旦有属性发生变化就通知订阅者。
vue的数据双向绑定是怎么实现的
1、vue实现数据双向绑定主要是：采用数据劫持结合发布者-订阅者模式的方式，通过 Object.defineProperty() 来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应监听回调。
2、vue的数据双向绑定是通过数据劫持和发布－订阅者功能来实现的。实现步骤：实现一个监听者Oberver来劫持并监听所有的属性，一旦有属性发生变化就通知订阅者。
3、Vue 主要通过以下 4 个步骤来实现数据双向绑定的：实现一个监听器 Observer：对数据对象进行遍历，包括子属性对象的属性，利用 Object.defineProperty() 对属性都加上 setter 和 getter。