v-model 的实现

不管V-model绑定的是组件还是input元素，都是根据data数据去决定最终的渲染。

< input type="text"    v-model="username" >        ===      < input type="text"    :value="username"   @input="username=$event.target.value"> 

<script> 部分

data（）{

     return {    username：'  无所谓 '

   }

}

 

过程 ：  :value="username"  这个v-bind 绑定了username， 然后input渲染出username 。 当input的值改变时，触发input监听事件， 然后执行username=$event.target.value，改变了data里的usernanme的值。   username的值改变，再渲染成input的值。