Vue雙向數據綁定原理分析 -- Dep(發布者，訂閱收集器)

Dep是Observer與Watcher之間的紐帶，也可以認為Dep是服務於Observer的訂閱系統。Watcher訂閱某個Observer的Dep，當Observer觀察的數據發生變化時，通過Dep通知各個已經訂閱的Watcher。

Dep提供了幾個接口：

addSub 和?depend這兩個方法是用來關聯Watcher實例和Dep實例的，這兩種實例的關系是多對對的關系：

壹個Dep實例可以關聯多個Watcher實例

壹個Watcher實例可以關聯多個Dep實例

除了這些接口以外，Dep定義了兩個實例屬性和壹個靜態屬性：

以上這些都很容易理解，難的在於dep.js裏面還定義了壹個targetStack的東西：

筆者本著求知的精神，千辛萬苦終於找到了大神的講解：

到此為止，我們就明白了Dep類的實現原理，下壹篇我們將了解Watcher類的實現。