在我們開發中，表單控件在實際開發中是非常常見的，特别是對于用戶信息的提交，需要大量的表單。特别是注冊頁面和登錄頁面等等，我們需要獲取用戶輸入的信息。
在使用Vue的時候，假如我們想獲取用戶輸入的數據，我們可以使用v-model指令來實現表單元素和數據的雙向綁定。
什麼是雙向綁定呢？請看簡單的示例代碼
運行效果：
以上代碼看似隻是一個普通的數據綁定，但當我們使用v-model指令來綁定屬性值的時候，我們修改<input>标簽裡面的值時，我們觀察message屬性的值也會跟着變化。假如我們在<input>标簽裡面把“Hello World”修改成“Hello Vue”
我們可以看見<label>标簽也發生了變化。由此可見message屬性的值已經綁定<input>标簽裡面，當我們修改裡面的值時,message屬性的值也會跟随着改變。
那麼v-model的原理是怎樣的呢？
v-bind:value="message" 我們可以獲取message屬性的值然後綁定到<input>标簽裡面。
v-on:input="message=$event.target.value"
我們先來看看<input>标簽的input事件
oninput 事件在用戶輸入時觸發，它是在元素值發生變化時立即觸發；
該事件在 <input> 或 <textarea> 元素的值發生改變時觸發。
所以v-model其實是一個語法糖，它背後包含兩個操作
1.v-bind:value 綁定一個value屬性
2.v-on指令給當前元素綁定input事件
以上是本人自學所了解的，希望能對各位在自學的小夥伴些許有幫助，如有錯誤請指出，會及時更改，謝謝~
,更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!
zpostcode 
Recruit 
weather 
mreligion 
Yellowpages 
sport 
constellation 
shopping 
name 
game 
directory 
literature 
Word 
tour 
furnish 
Lottery 
tftnews 
lyrics 
News 
digital 
car 
dir 
Edu 
Finance 
