v-model的语法糖

<input v-model="something">

 等价于 <input v-bind:value="something" v-on:input="something = $event.target.value">

示例：

<input v-model="msg">

 等价于 <input v-bind:value="msg" v-on:input="msg = $event.target.value">

v-model 常用于表单输入

输入框中 输入数据后

browser:




html:

  <div id="test">
      <input type="text" v-model="msg" placeholder="">
      <br>
      {{msg}}
    </div>


  new Vue({
      el:'#test',
      data:{
        msg:''
      }
    });