推薦一本Vue源碼閱讀書籍《Vue.js技術(shù)內(nèi)幕》
這幅圖大家應(yīng)該都很清楚：
但這個(gè)過程在Vue框架中是如何實(shí)現(xiàn)的呢? 是否考慮過如果是自己，該如何設(shè)計(jì)呢？而這本《Vue.js技術(shù)內(nèi)幕》就是一本非常好的關(guān)于Vue框架源碼學(xué)習(xí)的書，從整體設(shè)計(jì)、組件、響應(yīng)式原理、編譯和優(yōu)化、實(shí)用特性、內(nèi)置組件和官方生態(tài)幾部分進(jìn)行了深入講解。
不止Vue的源碼，對(duì)于任何技術(shù)的源碼的閱讀，都會(huì)另你“受益匪淺”。初讀源碼，會(huì)感覺這是一個(gè)比較枯燥的事情。但深入讀下去，你會(huì)覺得源碼就是一個(gè)寶庫(kù)。不但能讓你對(duì)這個(gè)框架“知其然不知其所以然”，而且通過閱讀優(yōu)秀的開源框架的源碼，能夠從中學(xué)習(xí)優(yōu)秀的架構(gòu)設(shè)計(jì)和代碼設(shè)計(jì)，學(xué)習(xí)框架作者設(shè)計(jì)框架的思維。讀源碼是一名程序員突破自我瓶頸，告別CRUD，獲得高薪和升職加薪的一個(gè)有效途徑。
作者也認(rèn)為了解技術(shù)實(shí)現(xiàn)原理是前端工作的必然要求，而閱讀源碼是了解技術(shù)實(shí)現(xiàn)原理的最直接方法,是高效提升個(gè)人技術(shù)能力的有效途徑。通過源碼閱讀，可以學(xué)習(xí)很多JavaScript 編程技巧。了解高手是如何組織代碼的,了解一些算法思想和設(shè)計(jì)模式的應(yīng)用,甚至培養(yǎng)“造輪子”的能力。
物流非?？?，書收到迫不及待打卡，先來(lái)看看第一印象，圖靈的書質(zhì)量還是很有保障的：
再來(lái)看看文章內(nèi)容結(jié)構(gòu)設(shè)計(jì)：
作者對(duì)代碼做了非常細(xì)致的注釋，看看對(duì)于組件掛載的講解部分：
現(xiàn)在來(lái)回答一下文章開始的問題，對(duì)于生命周期的鉤子是如何設(shè)計(jì)的：
作者還畫了對(duì)于的流程圖進(jìn)行配合說明：
另外，作者也對(duì)Vue.js 2和3之間的變化做了說明，Vue.js 2.x中的beforeCreate和 created鉤子函數(shù)可以被setup函數(shù)替代。所以,在組件初始化階段發(fā)送異步請(qǐng)求的邏輯放在setup函數(shù)、beforeMount鉤子函數(shù)或者nounted鉤子函數(shù)中都可以,它們都可以獲取與組件相關(guān)的數(shù)據(jù)。 當(dāng)然,我更推薦將其放在setup 函數(shù)中執(zhí)行,因?yàn)閺恼Z(yǔ)義的角度來(lái)看這樣更合適。
本書為了形象的闡述 V ue的設(shè)計(jì)思想，本書配備了大量的圖，再來(lái)個(gè)例子：
通過源碼，和作者一起學(xué)習(xí)框架的設(shè)計(jì)思想，提升自己解讀源碼的能力。閱讀源碼本身是很好的學(xué)習(xí)方式，一旦你掌握了看源碼的技巧,未來(lái)學(xué)習(xí)其他框架也會(huì)容易得多。而且工作中也可以通過閱讀已有的代碼快速熟悉項(xiàng)目,提高業(yè)務(wù)邏輯分析能力和代碼重構(gòu)能力。 ：
大概通讀了一遍，如果你想了解Vue的源碼，本書還是非常值得一讀的。