前端框架 渐进式框架
漸進式框架的大概意思就是你可以只用我的一部分，而不是用了我這一點就必須用我的所有部分。
勿噴！ 快樂與知識并存！ 嘻嘻！
初始化及掛載
?
在new? vue() 之后。 Vue 會調用 _init 函數進行初始化 也就是這里的init 過程，它會初始化生命周期，事件，props，methods,data,compited與watch等。其中最重要的是通過Object.defineProperty 設置setter 與getter 函數 ，用來實現[響應式]以及【依賴收集】
初始化之后 調用￥mount會掛載組件? 如果運行時編譯 即不存在render function 但是存在 template 的情況，需要進行【編譯】步驟
編譯
compile編譯可以分成 parse (?解析) optimize（優化） 與generate （生成） 三個階段? 最終到(渲染)render function。
?
?
?
parse?
? ? ? ? 會用正則等方式解析 template 模板中的指令，class style 等數據? ，形成AST
? ? 拓展：
?什么是AST在Vue的mount過程中，template會被編譯成AST語法樹，AST是指抽象語法樹（abstract syntax tree或者縮寫為AST），或者語法樹（syntax tree），是源代碼的抽象語法結構的樹狀表現形式。Vue源碼中虛擬DOM構建經歷 template編譯成AST語法樹 -> 再轉換為render函數 最終返回一個VNode(VNode就是Vue的虛擬DOM節點)?
optimize?
? ? ? ? ? ? optimize的主要作用是標記static 的節點，在編譯過程有某處的優化，而且在更新頁面是會有path的過程
有diff的算法? 減少比較? 優化patch的性能
generate是最終將抽象語法樹（abstract syntax tree或者縮寫為AST）轉化為render function 的過程?
?
?
?
?
當我們有了這個虛擬的樹之后，再交給一個patch函數，負責把這些虛擬DOM真正施加到真實的DOM上 。在這個過程中，Vue有自身的響應式系統來偵測在渲染過程中所依賴到的數據來源。在渲染過程中，偵測到的數據來源之后，之后就可以精確感知數據源的變動。到時候就可以根據需要重新進行渲染。當重新進行渲染之后，會生成一個新的樹，將新樹與舊樹進行對比，就可以最終得出應施加到真實DOM上的改動。最后再通過patch函數施加改動。
?
?
?
?vue的依賴追蹤通過ES5的?Object.defineProperty?方法實現。比如，我們給它一個原生對象，Vue會遍歷這個數據對象的屬性，然后進行屬性轉換。每一個屬性會被轉換為一個?getter?和一個?setter。同時每個組件會有一個對應的?watcher?對象，這個對象的職責就是在當前組件被渲染的時候，記錄數據上面的哪些屬性被用到了。
經歷：
????????當某個數據屬性被用到時，觸發?getter，這個屬性就會被作為依賴被?watcher?記錄下來。
????????整個函數被渲染完的時候，每一個被用到的數據屬性都會被記錄。
????????相應的數據變動時，例如給它一個新的值，就會觸發?setter，通知數據對象對應數據有變化。
????????此時會通知對應的組件，其數據依賴有所改動，需要重新渲染。
????????對應的組件再次調動渲染函數，生成?Virtual DOM，實現?DOM?更新
作者：peng凱
鏈接：https://www.jianshu.com/p/86cc7d100f31
來源：簡書
簡書著作權歸作者所有，任何形式的轉載都請聯系作者獲得授權并注明出處。
總結
以上是生活随笔為你收集整理的前端框架 渐进式框架的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： springboot问题Descript
- 下一篇： 前端前端，变化多端