Vue.js 技術揭秘
目前社區有很多 Vue.js 的源碼解析文章,但是質量層次不齊,不夠系統和全面,這本電子書的目標是全方位細致深度解析 Vue.js 的實現原理,讓同學們可以徹底掌握 Vue.js。目前分析的版本是 Vue.js 的最新版本 Vue.js 2.5.17-beta.0,并且之后會隨著版本升級而做相應的更新,充分發揮電子書的優勢。
這本電子書是作為 《Vue.js 源碼揭秘》視頻課程的輔助教材。電子書是開源的,同學們可以免費閱讀,視頻是收費的,25+小時純干貨課程,如果有需要的同學可以購買來學習,但請務必支持正版,請尊重作者的勞動成果。
章節目錄
為了把 Vue.js 的源碼講明白,課程設計成由淺入深,分為核心、編譯、擴展、生態四個方面去講,并拆成了八個章節,如下圖:

第一章:準備工作
介紹了 Flow、Vue.js 的源碼目錄設計、Vue.js 的源碼構建方式,以及從入口開始分析了 Vue.js 的初始化過程。
第二章:數據驅動
詳細講解了模板數據到 DOM 渲染的過程,從 new Vue
開始,分析了 mount
、render
、update
、patch
等流程。
第三章:組件化
分析了組件化的實現原理,并且分析了組件周邊的原理實現,包括合并配置、生命周期、組件注冊、異步組件。
第四章:深入響應式原理
詳細講解了數據的變化如何驅動視圖的變化,分析了響應式對象的創建,依賴收集、派發更新的實現過程,一些特殊情況的處理,并對比了計算屬性和偵聽屬性的實現,最后分析了組件更新的過程。
第五章:編譯
從編譯的入口函數開始,分析了編譯的三個核心流程的實現:parse
-> optimize
-> codegen
。
第六章:擴展
詳細講解了 event
、v-model
、slot
、keep-alive
、transition
、transition-group
等常用功能的原理實現,該章節作為一個可擴展章節,未來會分析更多 Vue 提供的特性。
第七章:Vue-Router
分析了 Vue-Router 的實現原理,從路由注冊開始,分析了路由對象、matcher
,并深入分析了整個路徑切換的實現過程和細節。
第八章:Vuex
分析了 Vuex 的實現原理,深入分析了它的初始化過程,常用 API 以及插件部分的實現。