v-model语法糖实现原理

vue中使用v-model作为数据双向绑定的语法，即 v-model后面绑定的值与data，return中绑定的值可以联动，一方改变一方随之改变。下面贴代码 看看 v-model是如何实现数据的双向绑定的。

如图，使用v-bind:value可以将 input的value值和data，return中返回的message绑定

当data，return的message的值发生改变时，html中input的值 也会发生改变 如下图

 上面的步骤已经实现了两个值之间的绑定，并且当return中值发生改变时，input中的value值也随之改变，那么接下来就实现，当输入框中的值变化时，改变return中message的值。

 如上图，使用v-on:input 的方法去监听input 的输入事件，当input输入框中的值改变时，触发方法去改变下面return中绑定的message的值