vue數據雙向綁定
用 v-model 指令在表單控件元素上創建雙向數據綁定。它會根據控件類型自動選取正確的方法來更新元素。
有時候,我們需要做一個輸入框,用戶輸入的內容需要隨時校驗,Vue的雙向綁定就是最佳的方案。雙向綁定很簡單,我們就看看她的代碼是怎麼實現的:
v-model="name" 就是把{{name}}和綁在一起了,當input標籤的鍵值發生變化時,{{name}}隨之改變。
舉一反三
文本框綁定:
您輸入的是:
{{ message }}
單選框綁定:
如果想學更多,就在Vue中文去學習,建議您學完學姐介紹的所有概念後再看其他數據綁定方式。
這一課就到這裡,下節課見。
閱讀更多 冰雪緣 的文章