浅谈Vue的双向绑定
用法是在后边写上冒号，例如，msg是定义的变量，当msg的值更新后会更新到input控件；v-model是双向绑定，当控件的值发生改变时，msg的值也会进行更新，例如。
vue的数据双向绑定是通过数据劫持和发布－订阅者功能来实现的。实现步骤：实现一个监听者Oberver来劫持并监听所有的属性，一旦有属性发生变化就通知订阅者。
https：//my.oschina.net/u/4386652/blog/4281447 双向绑定： 数据变化更新视图 view = model 利用Object.defineProperty的get、set函数对数据更改、读取进行监听。
基本用法：Proxy 一共 支持13 种的拦截，相对Object.defineProperty更加丰富。简单Demo Vue0的一个主要点就是数据劫持的实现变更，其他的与Vue0大致相同，可参照 Vue双向绑定原理 详细了解一下。
vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的，其中比较关键的是数据劫持，下面咱们看一个例子。
Vue组件内部实现一个双向数据绑定的实例代码
代码解释： 上述代码，我们通过 v-model 给输入框 input 和 name 形成双向绑定，当 input 中数据发生改变时 name 也会发生改变。同理，我们在控制台通过 vm.name = 给 name 赋值时输入框的内容也会发生改变。
单个 v- model 数据绑定 默认情况下，组件上的 v- model 便用 modelvalue 作为 prop 和 update ： modelvalu 作为事件。
在组件内的data对象中创建一个props属性的副本 因为result不可写，所以需要在data中创建一个副本myResult变量，初始值为props属性result的值，同时在组件内所有需要调用props的地方调用这个data对象myResult。
一，先创建一个叫eventbus的vue对象，什么配置都不需要，就只是拿来做一个event bus而已。第二，因为组件的props不允许更改，所以呢要用另一个变量来作为中转，也就是呢，组件不能用functional为true了。
vue中数据双向绑定的原理是什么?
1、于是vue中就是每当有这样的可能用到双向绑定的指令，就在一个Dep中增加一个订阅者，其订阅者只是更新自己的指令对应的数据，也就是v-model=name和{{name}}有两个对应的订阅者，各自管理自己的地方。
2、vue的数据双向绑定是通过数据劫持和发布－订阅者功能来实现的。实现步骤：实现一个监听者Oberver来劫持并监听所有的属性，一旦有属性发生变化就通知订阅者。
3、响应式原理： 每个组件实例都对应一个 watcher 实例，它会在组件渲染的过程中把“接触”过的数据 property 记录为依赖。之后当依赖项的 setter 触发时，会通知 watcher，从而使它关联的组件重新渲染。
4、视图交互变化(input) - 数据model变更的双向绑定效果。v-model是什么？怎么使用？ vue中标签怎么绑定事件？可以实现双向绑定，指令(v-class、v-for、v-if、v-show、v-on)。vue的model层的data属性。
5、vue.js和avalon.js实现数据双向绑定的原理就是属性访问器。 它使用了ES5中的定义标准属性的Object.defineProperty 方法。
Vue3的双向绑定是如何实现的
Vue0的一个主要点就是数据劫持的实现变更，其他的与Vue0大致相同，可参照 Vue双向绑定原理 详细了解一下。
vue的数据双向绑定是通过数据劫持和发布－订阅者功能来实现的。实现步骤：实现一个监听者Oberver来劫持并监听所有的属性，一旦有属性发生变化就通知订阅者。
Vue 主要通过以下 4 个步骤来实现数据双向绑定的：实现一个监听器 Observer：对数据对象进行遍历，包括子属性对象的属性，利用 Object.defineProperty() 对属性都加上 setter 和 getter。
于是vue中就是每当有这样的可能用到双向绑定的指令，就在一个Dep中增加一个订阅者，其订阅者只是更新自己的指令对应的数据，也就是v-model=name和{{name}}有两个对应的订阅者，各自管理自己的地方。
vue的数据双向绑定是怎么实现的
vue的数据双向绑定是通过数据劫持和发布－订阅者功能来实现的。实现步骤：实现一个监听者Oberver来劫持并监听所有的属性，一旦有属性发生变化就通知订阅者。
视图交互变化(input) - 数据model变更的双向绑定效果。v-model是什么？怎么使用？ vue中标签怎么绑定事件？可以实现双向绑定，指令(v-class、v-for、v-if、v-show、v-on)。vue的model层的data属性。
已经了解到vue是通过数据劫持的方式来做数据绑定的，其中最核心的方法便是通过Object.defineProperty()来实现对属性的劫持，那么在设置或者获取的时候我们就可以在get或者set方法里假如其他的触发函数，达到监听数据变动的目的。
Vue 的双向绑定是指数据变化能引起界面的变化，界面数据的变化也能驱动数据的改变。这个功能其实和单向数据流规范不一样，所以开始接触 Vue 的时候非常吸引我的一个功能。
vue.js和avalon.js实现数据双向绑定的原理就是属性访问器。 它使用了ES5中的定义标准属性的Object.defineProperty 方法。