1.v-model（重點）

這個指令用於在表單上建立雙向資料繫結。v-model會忽略所有表單元素的value、checked、selected特性的初始值。因為它選擇Vue例項data中的資料做為具體的值。

<div id="app">    <input v-model="somebody">    <p>hello {{somebody}}</p></div><script>    var app = new Vue({        el: '#app',        data: {            somebody:'小明'        }    })</script>

這個例子中直接在瀏覽器input中輸入別的名字，下面的p的內容會直接跟著變,這就是雙向資料繫結，

v-model要繫結一個data中的資料，這個資料必須在data中事先已定義好，不然會報錯！切記。

擴充套件：v-model修飾符

.lazy

預設情況下,v-model同步輸入框的值和資料,可以通過這個修飾符,轉變為在change事件再同步。

<input v-model.lazy="msg">

.number自動將使用者的輸入值轉化為數值型別

<input v-model.number="msg">

.trim（常用）自動過濾使用者輸入的首尾空格

 <input v-model.trim="msg">