本文我們一起通過學習Vue模板編譯原理(一)-Template生成AST來分析Vue源碼。預計接下來會圍繞Vue源碼來整理一些文章，如下。 一起來學Vue雙向綁定原理-數據劫持和發布訂閱 一起來學Vue模板編譯原理(一)-Template生成AST 一起來學Vue模板編譯原理 ...

本文我們一起通過學習Vue模板編譯原理（二）-AST生成Render字符串來分析Vue源碼。預計接下來會圍繞Vue源碼來整理一些文章，如下。 一起來學Vue雙向綁定原理-數據劫持和發布訂閱 一起來學Vue模板編譯原理(一)-Template生成AST 一起來學Vue模板編譯原理 ...

　　上一節獲取到了DOM樹的字符串，准備進入compile階段： 　　該函數接受兩個參數，DOM樹字符串、配置參數，如圖：，進函數： 　　compile主要做了3件事： ...

首先AST是什么？ 在計算機科學中，抽象語法樹（abstract syntax tree或者縮寫為AST），或者語法樹（syntax tree），是源代碼的抽象語法結構的樹狀表現形式，這里特指編程語言的源代碼。 我們可以理解為：把 template（模板）解析成一個對象，該對象是包含這個模板 ...

有一段時間沒有更新技術博文了，因為這段時間埋下頭來看Vue源碼了。本文我們一起通過學習雙向綁定原理來分析Vue源碼。預計接下來會圍繞Vue源碼來整理一些文章，如下。 一起來學Vue雙向綁定原理-數據劫持和發布訂閱 一起來學Vue模板編譯原理(一)-Template生成AST 一起 ...

閱讀目錄 AST 節點定義 標簽的正則匹配 解析用到的工具方法 解析開始標簽 解析結束標簽 解析文本 解析整塊 HTML 模板 未提及的細節 本篇探討 Vue 根據 html 模板片段構建出 AST 的具體 ...

Vue 的編譯模塊包含 4 個目錄： 其中 compiler-core 模塊是 Vue 編譯的核心模塊，並且是平台無關的。而剩下的三個都是在 compiler-core 的基礎上針對不同的平台作了適配處理。 Vue 的編譯分為三個階段，分別是：parse、transform、codegen ...

在Vue進行前端開發中，條件判斷主要用於根據不同的條件來決定顯示或隱藏，或者進行視圖之間的切換，本文以一個簡單的小例子簡述v-if的常見用法，僅供學習分享使用，如有不足之處，還請指正。 v-if 指令 v-if 指令用於條件性地渲染一塊內容。這塊內容只會在指令的表達式返回 truthy 值 ...