新年福利~~帶你手把手擼mvvm,再也不怕面試被問倒了~~~

wuliDream發表於2018-02-14
#多種方式實現MVVM,本章先講解基於defineProperty來實現,也就是類似於實現vue的mvvm功能。本系列有3種實現方式,defineProperty(VUE),髒檢查(angular),原生js實現(釋出訂閱者模式)

github地址  檢視原始碼 https://github.com/honeydlp/mvvm.git

#vue.js 則是採用資料劫持結合釋出者-訂閱者模式的方式,通過`Object.defineProperty()`來劫持各個屬性的`setter`,`getter`,在資料變動時釋出訊息給訂閱者,觸發相應的監聽回撥。

先看原理圖,再結合程式碼

新年福利~~帶你手把手擼mvvm,再也不怕面試被問倒了~~~

程式碼貼圖了,今天用掘金code 總是顯示在一行,所以截圖了,抱歉哈,程式碼在github上

dom結構

新年福利~~帶你手把手擼mvvm,再也不怕面試被問倒了~~~

MVVM呼叫

新年福利~~帶你手把手擼mvvm,再也不怕面試被問倒了~~~

MVVM實現

新年福利~~帶你手把手擼mvvm,再也不怕面試被問倒了~~~

新年福利~~帶你手把手擼mvvm,再也不怕面試被問倒了~~~

新年福利~~帶你手把手擼mvvm,再也不怕面試被問倒了~~~


相關文章