資料的雙向繫結涉及到v-model，最近研究了半天才明白其中的原理，先放一段原始碼出來：
>
>
總數：}p
>
v-model
="total"
>
my-component
>
@click
="handlereduce"
>
-1button
>
div>
>
vue.
component
('my-component',}
})newvue(,
methods:,}
});script
>
v-model實質上是個語法糖，實現的語法如下：
"total"
>
<
/my-component>
"total" @input=
"handleget"
>
<
/my-component>
// 加入新函式接收
newvue(}
});
value接收了total的數值，通過props傳輸給子元件，子元件再通過@input監控資料變化，通過$emit傳輸給自定義的input函式接收資料，這樣就實現了資料的雙向繫結。
這個資料雙向繫結的難點其實就是關於v-model語法糖的理解。
順便再提一下@input相當於html5中的oninput監聽事件。
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指令 雙向資料繫結
什麼是雙向資料繫結 vue是乙個mvvm框架，即資料雙向繫結，它允許當資料發生變化的時候，檢視也發生變化，當檢視發生變化的時候，資料也會跟著同步變化。我們所說的資料雙向繫結，一定是對於ui控制項來說的，非ui控制項不會涉及到資料雙向繫結。簡述雙向繫結 所謂雙向繫結，當m層資料更改時自動更新v層資料，...
v model雙向繫結原理
v model雙向繫結原理 首先要知道input輸入框中有乙個input事件，當使用者輸入時觸發，他在元素值發生改變時立刻觸發 value改變 在中也是一樣的。但是其從下拉框中選值不會觸發。lang en charset utf 8 titletitle head type text value m...