Vue 源碼解析 Vue 的工作機制 在 new vue() 之后，Vue 會調用進行初始化，會初始化生命周期、事件、props、methods、data、computed和watch等。其中最重要的是通過Object.defineProperty設置setter和getter，用來 ...

flow類型檢查 Vue.js 的源碼使用了Flow做靜態類型檢查，之所以選擇Flow ， 是因為 Babel和 ESlint 都有對應的Flow插件支持語法。 目錄源碼解析 compiler 目錄包含Vue.js 所有編譯相關的代碼。它包括把模板解析成AST語法樹，AST語法 ...

1、整體入手 閱讀代碼和畫畫是一樣的，忌諱一開始就從細節下手（比如一行一行讀），我們先將細節代碼折疊起來，整體觀察nextTick源碼的幾大塊。 折疊后代碼如下圖 整體觀察代碼結構 上圖中，可以看到： nextTick ...

前言 平時寫vue的時候知道props有很多種用法，今天我們來看看vue內部是怎么處理props中那么多的用法的。 vue提供的props的用法 1. 數組形式 2. 對象形式 對象形式內部也提供了三種寫法： props實現的原理 normalizeProps函數 ...

本文通過結合官方文檔、源碼和其他文章整理后，對Vue的nextTick做深入解析。理解本文最好有瀏覽器事件循環的基礎，建議先閱讀上文《事件循環Event loop到底是什么》。 一、官方定義 實際上在弄清楚瀏覽器的事件循環后，Vue的nextTick就非常好理解了，它就是利用 ...

Vue源碼編譯過程一、掛載初始化$mounted會掛載組件,不存在 render 函數時需要編譯(compile);二、compile1.compile 分為 parse，optimize 和 generate，最終得到 render 函數；2.parse 調用 parseHtml 方法，方法核心 ...

之前想要研究下vue的源碼 網上一般直接就上來甩出雙向綁定等等的函數 這次看源碼 想從一個漸進式的方向來解讀。 當前版本基本上是最新的版本，18年6月的最新版，版本號是2.5.17 當我們接觸一個項目或者一個框架 在沒有交接文檔的情況下 首先第一印象是啥？ 肯定是目錄 ...

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