1.簡單使用： 當input裡面的值發生變化的時候，就會自動把變化後的值，綁定到Vue對象上去了 <body> <div id="app"> <input v-model="name" />{{name}}<br /> <textarea v-model="t"></textarea>{{t}}<b ...
1.簡單使用：
當input裡面的值發生變化的時候，就會自動把變化後的值，綁定到Vue對象上去了
<body> <div id="app"> <input v-model="name" />{{name}}<br /> <textarea v-model="t"></textarea>{{t}}<br/> <input type="checkbox" v-model="c"/>{{c}}<br/> <input type="radio" id="one" value="One" v-model="r"> <input type="radio" id="one" value="Two" v-model="r"> {{r}} </div> <script> new Vue({ el:'#app', data:{ name:'1', t:'', c:'', r:'' } }) </script> </body>
2.修飾符：.lazy .number .trim
.lazy
對於輸入元素，預設的行為方式是一旦有數據變化，馬上進行綁定。但是加上.lazy之後，相當於監聽change操作，只有在失去焦點的時候，才會進行數據綁定了
<input v-model.lazy="name" />{{name}}<br />
.number
有時候，拿到了數據需要進行數學運算， 為了保證運算結果，必須先把類型轉換為number類型，而v-model預設是string類型，所以就可以通過.number方式確保獲取到的是數字類型了。
<input type="number" v-model.number="name" />{{name}}<br />
.trim
trim 去掉前後的空白
<input v-model.trim="name" />{{name}}<br />
