雙向資料繫結原理

資料劫持

vuejs 則使用 es5 提供的 object.defineproperty() 方法，監控對資料的操作，從而可以自動觸發資料同步。

並且，由於是在不同的資料上觸發同步，可以精確的將變更傳送給繫結的檢視，而不是對所有的資料都執行一次檢測。

var obj =

; object.
defineproperty
(obj,
'a',})
; 
document.
addeventlistener
('keyup'
,function
(e))
;

object.observe()帶來的資料繫結變革 ，說的就是使用ecmascript7中的 object.observe 方法對物件

（或者其屬性）進行監控觀察，一旦其發生變化時，將會執行相應的handler。

這是目前監控屬性資料變更最完美的一種方法，語言（瀏覽器）原生支援，沒有什麼比這個更好了。唯一的遺憾就是目前支援廣度還不行，有待全面推廣。

資料雙向繫結原理

angularjs 採用 髒值檢測 的方式 資料發生變更後，對於所有的資料和檢視的繫結關係進行一次檢測，識別是否有資料發生了改變，有變化進行處理，可能進一步引發其他資料的改變，所以這個過程可能會迴圈幾次，一直到不再有資料變化發生後，將變更的資料傳送到檢視，更新頁面展現。如果是手動viewmodel ...

vue雙向資料繫結原理

vue應用的是mvvm框架，view和model分離，然後通過vm雙向資料繫結，div 原生物件即資料 var data 建立乙個 viewmodel 例項 var vm new vue 然而乙個動態資料的繫結，是怎麼實現的呢，首先vue利用es5的defineproperty方法裡的get，set...

vue雙向資料繫結原理

text id text show p var text document.getelementbyid text show document.getelementbyid show var model object.defineproperty model,name set function ne...