鏈接：https://pan.baidu.com/s/1ffG-ZihRNgzDvOy4uvR5Bg?pwd=16os?

提取碼：16os

Vue3是Vue的3.x版本，是在Vue 2.x的基礎上迭代出來的“大”版本，它對整個Vue庫進行了重寫和升級。與Vue2相比，雖然Vue3的核心邏輯變化不大，但是針對包架構進行了升級，由原來的options API掛載原型的方式變?yōu)閏omposition API方式，從而實現(xiàn)各核心庫的解耦，使得Vue3的內(nèi)部核心模塊可以按需加載。

本書幫助廣大讀者在使用Vue3的過程中理解實現(xiàn)原理，學習Vue3實現(xiàn)邏輯。通過對Vue3運行原理的解析，幫助讀者理解核心源碼的實現(xiàn)。本書由淺入深展開以下內(nèi)容：

Vue3概述；

Vue3整體實現(xiàn)；

虛擬DOM；

響應式API；

生命周期；

模板編譯；

組件和API實現(xiàn)；

整體架構；

實戰(zhàn)案例。

本書配有視頻、課件、大綱和代碼。

作者簡介

張廷杭 中國移動通信集團有限公司系統(tǒng)開發(fā)工程師，長期從事微信小程序、Web前端開發(fā)等工作，對微信小程序、HTML5和Vue前端開發(fā)框架等有深入研究。

目錄

第1章初識Vue3

1.1Vue3簡介

1.2Vue3的變化

1.2.1架構變化

1.2.2代理方式變化

1.2.3Virtual DOM變化

1.3Vue3結構

第2章Vue3入門

2.1createApp()函數(shù)

2.2參數(shù)響應式

2.3effect副作用函數(shù)

2.4mount()函數(shù)

2.5patch()函數(shù)

2.6總結

第3章Vue3整體實現(xiàn)

3.1源碼調(diào)試

3.1.1代碼調(diào)試

3.1.2開啟sourceMap

3.1.3總結

3.2createApp()函數(shù)

3.2.1涉及文件

3.2.2調(diào)用createApp()函數(shù)

3.2.3調(diào)用createRenderer()函數(shù)

3.2.4總結

3.3mounted掛載

3.3.1涉及文件

3.3.2創(chuàng)建根組件VNode

3.3.3遞歸渲染

3.3.4創(chuàng)建組件上下文實例

3.3.5patch子樹

3.3.6總結

3.4setup函數(shù)

3.4.1涉及文件

3.4.2mountComponent()函數(shù)

3.4.3setupComponent()函數(shù)

3.4.4初始化代理上下文

3.4.5get方法

3.4.6set方法

3.4.7has方法

3.4.8調(diào)用setup函數(shù)

3.4.9finishComponentSetup()函數(shù)

3.4.10總結

3.5update方法

3.5.1涉及文件

3.5.2setupRenderEffect()函數(shù)

3.5.3updateComponentPreRender()函數(shù)

3.5.4updateComponent()函數(shù)

3.5.5shouldUpdateComponent()函數(shù)

3.5.6processElement()函數(shù)

3.5.7patchChildren()函數(shù)

3.5.8總結

3.6unmount方法

3.6.1涉及文件

3.6.2baseCreateRenderer()函數(shù)

3.6.3ref數(shù)據(jù)

3.6.4keepalive組件

3.6.5component組件

3.6.6suspense組件

3.6.7telport組件

3.6.8動態(tài)子組件等

3.6.9總結

第4章虛擬DOM

4.1VNode對象

4.1.1VNode簡介

4.1.2VNode聲明

4.1.3_createVNode()函數(shù)

4.1.4總結

4.2patch函數(shù)

4.2.1patch介紹

4.2.2text類型

4.2.3comment類型

4.2.4static類型

4.2.5fragment類型

4.2.6element類型

4.2.7component類型

4.2.8teleport類型

4.2.9suspense類型

4.3diff比較

4.3.1從前往后比較

4.3.2從后往前比較

4.3.3新增新VNode

4.3.4刪除舊VNode

4.3.5進一步判斷

4.3.6總結

第5章響應式API

5.1reactive響應式API

5.1.1使用方式

5.1.2兼容寫法

5.1.3reactive（）函數(shù)

5.1.4createReactiveObject()函數(shù)

5.1.5mutableHandlers()函數(shù)

5.1.6createGetter()函數(shù)

5.1.7createSetter()函數(shù)

5.1.8ref解析

5.1.9總結

5.2effect副作用函數(shù)

5.2.1實現(xiàn)

5.2.2mount(掛載)

5.2.3update(更新)

5.2.4創(chuàng)建effect副作用函數(shù)

5.2.5ReactiveEffect()函數(shù)

5.2.6處理激活狀態(tài)

5.2.7清除操作

5.2.8執(zhí)行fn

5.2.9總結

5.3watch監(jiān)聽

5.3.1watch函數(shù)

5.3.2初始化

5.3.3scheduler異步隊列

5.3.4watchEffect()函數(shù)

5.3.5總結

5.4computed函數(shù)

5.4.1創(chuàng)建getter副作用函數(shù)

5.4.2創(chuàng)建cRef

5.4.3總結

5.5拓展方法

5.5.1customRef()函數(shù)

5.5.2readonly()函數(shù)

5.5.3shallow()函數(shù)

5.5.4shallowReactive()函數(shù)

5.5.5shallowReadonly()函數(shù)

5.5.6總結

第6章生命周期

6.1生命周期函數(shù)

6.1.1執(zhí)行順序

6.1.2生命周期實現(xiàn)

6.1.3injectHook()函數(shù)

6.1.4總結

6.2掛載回調(diào)

6.3更新回調(diào)

6.4卸載回調(diào)

6.5onErrorCaptured()鉤子函數(shù)

6.6onRender鉤子函數(shù)

第7章模板編譯

7.1模板渲染

7.2生成AST對象

7.2.1初始化解析函數(shù)

7.2.2初始化上下文

7.2.3根節(jié)點對象

7.2.4標簽解析

7.3AST對象優(yōu)化

7.3.1transform（）函數(shù)

7.3.2靜態(tài)變量提升

7.4生成代碼字符串

7.4.1創(chuàng)建模板字符串上下文

7.4.2生成引用函數(shù)

7.4.3生成函數(shù)簽名

7.4.4判斷是否需要with函數(shù)擴展作用域

7.4.5資源分解處理

7.4.6生成節(jié)點代碼字符串

7.4.7返回代碼字符串

7.5生成render函數(shù)

7.6位運算

第8章組件和API實現(xiàn)

8.1Suspense

8.2teleport

8.3KeepAlive

8.4slot

8.5props

8.6defineAsyncComponent

8.7defineComponent（）

8.8directives

8.9scheduler

第9章整體架構

9.1架構設計

9.2打包工具

9.3構建工具

第10章實戰(zhàn)案例

10.1案例介紹

10.1.1項目介紹

10.1.2知識點介紹

10.2Vue3核心實戰(zhàn)

10.2.1登錄頁面

10.2.2注冊頁面

10.3Vue3模板編譯實戰(zhàn)

10.3.1首頁頁面

10.3.2個人資料頁面

10.4Vue3功能實戰(zhàn)

10.4.1寫作頁面

10.4.2個人主頁

參考文獻

查看全部↓