隨著 Vue 3 正式版本的發佈，未來 Vue 3 將會成為前端的主流框架，這個毋庸置疑。Vue 3 在使用方面會相容部分 Vue 2.x 的特性，比如 options API。 所以，究竟是要先學習 Vue 2 打好基礎，還是直接學習 Vue 3 呢？ 當 Vue 作者尤大面對這樣的提問時，直接給 ...
隨著 Vue 3 正式版本的發佈，未來 Vue 3 將會成為前端的主流框架，這個毋庸置疑。Vue 3 在使用方面會相容部分 Vue 2.x 的特性，比如 options API。
所以，究竟是要先學習 Vue 2 打好基礎，還是直接學習 Vue 3 呢？
當 Vue 作者尤大面對這樣的提問時，直接給出了非常堅定的回答：直接學 Vue 3 就行了，基礎概念是一模一樣的。
不過，在學習使用 Vue 3 的過程中，很多小伙伴會遇到一些痛點問題，比如：
- Vue 3 渲染器做了哪些事情？
- Vue 3 的響應式和 Vue 2 相比有什麼不同？
- Vue 3 編譯器的過程是什麼樣的？
- Vue 3 傳說中的編譯時優化，究竟做了哪些工作？
- Vue 3 一些內置內容究竟是如何運作的？
- ……
只有解答了上述這些問題，才能更好地使用高性能的 Vue.js，也可以幫助你在做項目的時候，在瞭解 Vue 運行機制的前提下，寫出性能更優的代碼。另外，很值得一提的是，在閱讀 Vue 3 源碼的時候，你會發現大量優秀的設計模式和演算法，讓人拍案叫絕。
但是，直接去啃 Vue 3 源碼會非常晦澀難懂，比如一個 baseCreateRenderer 函數就有接近 2000 行代碼，可能會讓你半途而廢（妥妥地 “從入門到放棄”），這個估計很多小伙伴們都深有體會。
所以，《Vue 3 技術揭秘》一方面會對 Vue 3 核心源碼做適量的精簡，讓你可以只用關註核心邏輯實現；另一方面，也配了大量的插圖，一圖勝千言，可以更加生動地向你展示源碼的運行機制。
《Vue 3 技術揭秘》主要劃分為了 5 大模塊 來依次為你揭開 Vue 3 的 “神秘面紗”。
- 模塊一：渲染器實現原理。從根組件初始化開始，一步步介紹組件實例化、完整更新、diff 過程等。
- 模塊二：響應式原理。核心介紹 Vue 3 基於 Proxy 實現的響應式原理，深入解讀依賴收集過程、響應式觸達過程和相關聯的 watch、computed、inject/provide 函數實現以及非同步批量更新原理。在學習的過程中，你會漸進式體會到與 Vue 2 響應式原理的差異以及非同步批量更新的不同之處。
- 模塊三：編譯器實現原理。重點講解模板是如何被一步步編譯成渲染函數的，以及在編譯時 Vue 3 所做的大量編譯時優化的工作。
- 模塊四：內置組件實現原理。主要介紹 Vue 3 幾個常用的內置組件：Transition、KeepAlive、Teleport 、Suspense 相關的組件運行機制和實現原理。
- 模塊五：特殊元素 & 指令。重點分析 v-model 是如何實現雙向數據綁定的，以及 slot 插槽是如何實現內容分發的。
目前還有少量五折碼：5pmiBJ4S。
小冊將會通過漸進式的方式帶大家通讀 Vue 3 的源碼和設計理念。
掘金地址：Vue 3 技術揭秘
