v-model屬性可以在表單input
、textarea
及select
元素上創建雙向數據綁定,它會根據物件類型自動選取正確的方法來更新元素,但是它會忽略元素中的value
、checked
、selected
屬性初始值,需要在JavaScript中的vue物件裡的data屬性宣告初始值。這裡以input
為例:
在data中建立一個message
字串,並設定其初始值
利用v-model
來綁定message
的內容
產生只要input
輸入框內的文字內容更改,下方字串也會自動更新的效果
明日預告:雙向綁定v-model(單選&複選)