Vue核心部分實現,總共分三步,第一步.....

1 看了那麼屢次VUE源碼以後,知道了觀察者模式+Object.defineProperty數據劫持,動態監測data來渲染頁面
2 因而本身動手寫一個,更能深入理解,也能在本身寫的時候發現本身哪裏沒有徹底明白。
3 花了倆小時,斷斷續續的改了幾回,寫出來了。
4 主要就是四個類
5 MvvM入口庫類
6 Watcher類 對應於html的每個{{}}節點 ,由於頁面可能有多個節點對應data同一個屬性
7 Observer類 對應於data裏面的屬性,維護着多個watcher對象
8 Compile類 初始化加載頁面元素,並經過正則表達式解析出對應於data屬性的節點,建立對應watcher添加到觀察者對象裏面
html

最終實現該功能:git





代碼地址github

github.com/shuihan03/l…
正則表達式

相關文章
相關標籤/搜索