v-bind实现双向绑定（databinding 双向绑定）

很多朋友对于v-bind实现双向绑定和databinding 双向绑定不太懂，今天就由小编来为大家分享，希望可以帮助到大家，下面一起来看看吧！

本文目录一览：

v-model底层原理实际上是分别利用了v-bind用来绑定value的值，用v-on去绑定input标准事件，这是事件用来监听当输入域内容发生变化的时候来执行一些事情。

v-model的原理简单描述 v-model主要提供了两个功能，view层输入值影响data的属性值，data属性值发生改变会更新view层的数值变化。

Vue中使用v-model指令来实现表单元素和数据的双向绑定。监听用户的输入，然后更新数据。

v-model使用的是vue实例的数据。v-model能够监听用户输入事件，从而更新v-model所对应的vue实例的数据。即：当事件发生时，v-model会监听该事件并把获取到的输入值自动更新到v-model的数据上。

1、v-model 是 vue 提供的用来对表单控件做数据双向绑定的指令。它可以根据用户的输入动态改变其绑定的值，同样可以根据绑定值的改变来操作页面 DOM 的更新。基本用法接下来我们将详细介绍 v-model 在不同表单元素上的使用。

2、Vue 的双向绑定是指数据变化能引起界面的变化，界面数据的变化也能驱动数据的改变。这个功能其实和单向数据流规范不一样，所以开始接触 Vue 的时候非常吸引我的一个功能。

3、vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的，其中比较关键的是数据劫持，下面咱们看一个例子。

Eval 函数用于定义单向（只读）绑定。 Bind 函数用于定义双向（可更新）绑定。简单说就是Eval只能读数据，不能更新。

单行数据意思是方式使用一个上传数据流和一个下传数据流进行双向数据通信，两个数据流之间相互独立。单向数据流指只能从一个方向来修改状态。与单向数据流对对应的是双向数据流也叫双向绑定。

一般来说要实现这种双向数据绑定，在前端我目前了解的有三种形式：目前angular，regular的实现都是基于脏检查。当发生某些特定的事情的时候，框架会调用相关的digest方法。内部逻辑就是遍历所有的 watcher ，对监控的属性做对比。

Vue 的双向绑定是指数据变化能引起界面的变化，界面数据的变化也能驱动数据的改变。这个功能其实和单向数据流规范不一样，所以开始接触 Vue 的时候非常吸引我的一个功能。

OK，本文到此结束，希望对大家有所帮助。