vue雙向繫結原理及實現

資料雙向繫結原理簡單概括的話就是:

view層影響model層是通過對『keyup』等事件的監聽。

model層影響view層是通過object.defineproperty( )方法劫持資料並結合發布訂閱者模式的方式來實現資料的雙向繫結。

根據原理圖來介紹整個流程：

1、首先使用object.defineproperty()中的 getter/setter 作為乙個observer（劫持器）去劫持data物件中的所有屬性，在屬性 set 的時候通知dep（訂閱者收集器）去通知相關訂閱者。

2、實現乙個 watcher（訂閱者），watcher 就是收到 dep 資料變化的通知後，會去執行相對應的更新函式來更新檢視，同乙個資料可能在多處被使用，所以訂閱者不止乙個；這也是 dep 存在的意義，對 watcher 集中起來統一管理。

3、dep（訂閱者收集器），裡面存放每個資料對應的所有 watcher，當observer 的 set 方法被觸發時，就呼叫 dep 裡面的的notify（通知）方法，逐條去通知所有的 watcher 。

如果可以的話把整個流程圖畫出來給面試官看，然後順著流程講給他聽就行。但是一定要講到object.defineproperty( )。