在Vue裡有個很大的特色可能就是資料的雙向綁定(Two-wayBinding),而資料綁定的話我們最常適用的屬性就是v-model。v-model常用於表單和元素來做雙向數據綁定,結合其他樣板指令 v-bind跟 v-on一樣,除了初始綁定與呈現資料外,還會監聽事件來做資料更新。
我們先在v-model裡綁定message,並用p把message呈現出來,因為依v-model屬性的功能我改變message改變的話p裡的內容也會被改變。

原先呈現的結果。
修改內容後內容當然也會改變。
lazy修飾符,通常在訊息被改變時不會馬上更動,而是在離開輸入攔時才會改動內容。
number的話就是將輸入的內容轉化成數字,就這麼簡單明瞭。
trim的話,應該會蠻常使用的,它的功能就是過濾到空白元素,有時候會有人按一堆空白,這就可以吧空白的地方過濾掉喔。
今天就先到這了,明天見~