1.假如有乙個輸入框，通過v-bind將value繫結：v-bind:value=「msg」2. 這個時候資料沒有雙向繫結只是將資料顯示到input框中，現在對input表單內容value做出修改，在data.msg並不會發生改變。
3.再通過v-on繫結乙個handle事件，事件方法裡通過event.target獲取input這個表單元素，然後event.target.value獲取到表單中被修改的資料
4.this.msg=event.target.value（使輸入域中的最新資料覆蓋原來的資料），最後實現了資料雙向繫結
5.優化：v-on不繫結我們自己在mesthods中的事件，繫結乙個預設的input事件
v-on：input=『msg=$event.target.value"』
v model資料雙向繫結
常用指令v modeltitle src script head class div type text v model name v model age value 01 01option value 02 02option select div 男type radio value man v m...
v model實現資料的雙向繫結
資料的雙向繫結涉及到v model，最近研究了半天才明白其中的原理，先放一段原始碼出來 總數 p v model total my component click handlereduce 1button div vue.component my component newvue methods s...
v model指令 雙向資料繫結
什麼是雙向資料繫結 vue是乙個mvvm框架，即資料雙向繫結，它允許當資料發生變化的時候，檢視也發生變化，當檢視發生變化的時候，資料也會跟著同步變化。我們所說的資料雙向繫結，一定是對於ui控制項來說的，非ui控制項不會涉及到資料雙向繫結。簡述雙向繫結 所謂雙向繫結，當m層資料更改時自動更新v層資料，...