隨著 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 技術揭秘
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/540641.html
標籤：其他
上一篇：什么是 HTML5？