vue原始碼之mustache模板引擎庫

2022-06-15 06:24:11 字數 495 閱讀 4115

1.模板引擎:將資料變為檢視最優雅的解決方案

模板引擎庫:mustache

//模板 

//資料

使用:不迴圈、陣列巢狀、布林值

2.機制

tokens是模板字串的js表示。

3.模板字串到token中,採用#入棧 /出棧的思想,巢狀陣列的children

模板字串的拼接,採用指標的跳轉,轉換成toke的js表示方法。

tooken與資料結合時,採用遞迴的思想,有獲取a.b.c的情況,採用lookup函式,迴圈遍歷資料的陣列,資料的長度就是遞迴的次數,將字串拼接,最後innerhtml。

4.**在github上

Vue之mustache模板引擎

中高階前端 leader職位必會底層知識 vue原始碼非常龐大,各種機理很多 模板技術 資料劫持 虛擬節點 最小量更新 抽象語法樹 手寫底層原始碼,拒絕紙上談兵,讓同學能實打實的提公升程式設計 核心機理是共通的 永恆的。lang en charset utf 8 name viewport cont...

Vue原始碼之createElement函式(五)

在render 函式中,最後呼叫的是createelement函式來返回vnode,那麼createelement函式到底完成了什麼功能 1.首先看一下vnode的定義 src core vdom vnode.js vnode被定義為乙個類。2.在createelement中,首先檢測data的型別...

vue原始碼之Array

目錄 響應式具體實現 陣列子集和新增元素的追蹤 array中的問題 object通過setter改變屬性的值,所以我們利用getter時傳送依賴收集,在setter時觸發依賴更新,而且vue將資料轉換成響應式資料是在資料初始化時,對object中之後的屬性新增和刪除操作,無法做到自動更新,而是通過v...