第1章初識(shí)Vue3
1.1Vue3簡(jiǎn)介
1.2Vue3的變化
1.2.1架構(gòu)變化
1.2.2代理方式變化
1.2.3Virtual DOM變化
1.3Vue3結(jié)構(gòu)
第2章Vue3入門
2.1createApp()函數(shù)
2.2參數(shù)響應(yīng)式
2.3effect副作用函數(shù)
2.4mount()函數(shù)
2.5patch()函數(shù)
2.6總結(jié)
第3章Vue3整體實(shí)現(xiàn)
3.1源碼調(diào)試
3.1.1代碼調(diào)試
3.1.2開啟sourceMap
3.1.3總結(jié)
3.2createApp()函數(shù)
3.2.1涉及文件
3.2.2調(diào)用createApp()函數(shù)
3.2.3調(diào)用createRenderer()函數(shù)
3.2.4總結(jié)
3.3mounted掛載
3.3.1涉及文件
3.3.2創(chuàng)建根組件VNode
3.3.3遞歸渲染
3.3.4創(chuàng)建組件上下文實(shí)例
3.3.5patch子樹
3.3.6總結(jié)
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總結(jié)
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總結(jié)
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動(dòng)態(tài)子組件等
3.6.9總結(jié)
第4章虛擬DOM
4.1VNode對(duì)象
4.1.1VNode簡(jiǎn)介
4.1.2VNode聲明
4.1.3_createVNode()函數(shù)
4.1.4總結(jié)
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進(jìn)一步判斷
4.3.6總結(jié)
第5章響應(yīng)式API
5.1reactive響應(yīng)式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總結(jié)
5.2effect副作用函數(shù)
5.2.1實(shí)現(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總結(jié)
5.3watch監(jiān)聽
5.3.1watch函數(shù)
5.3.2初始化
5.3.3scheduler異步隊(duì)列
5.3.4watchEffect()函數(shù)
5.3.5總結(jié)
5.4computed函數(shù)
5.4.1創(chuàng)建getter副作用函數(shù)
5.4.2創(chuàng)建cRef
5.4.3總結(jié)
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總結(jié)
第6章生命周期
6.1生命周期函數(shù)
6.1.1執(zhí)行順序
6.1.2生命周期實(shí)現(xiàn)
6.1.3injectHook()函數(shù)
6.1.4總結(jié)
6.2掛載回調(diào)
6.3更新回調(diào)
6.4卸載回調(diào)
6.5onErrorCaptured()鉤子函數(shù)
6.6onRender鉤子函數(shù)
第7章模板編譯
7.1模板渲染
7.2生成AST對(duì)象
7.2.1初始化解析函數(shù)
7.2.2初始化上下文
7.2.3根節(jié)點(diǎn)對(duì)象
7.2.4標(biāo)簽解析
7.3AST對(duì)象優(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ù)擴(kuò)展作用域
7.4.5資源分解處理
7.4.6生成節(jié)點(diǎn)代碼字符串
7.4.7返回代碼字符串
7.5生成render函數(shù)
7.6位運(yùn)算
第8章組件和API實(shí)現(xiàn)
8.1Suspense
8.2teleport
8.3KeepAlive
8.4slot
8.5props
8.6defineAsyncComponent
8.7defineComponent（）
8.8directives
8.9scheduler
第9章整體架構(gòu)
9.1架構(gòu)設(shè)計(jì)
9.2打包工具
9.3構(gòu)建工具
第10章實(shí)戰(zhàn)案例
10.1案例介紹
10.1.1項(xiàng)目介紹
10.1.2知識(shí)點(diǎn)介紹
10.2Vue3核心實(shí)戰(zhàn)
10.2.1登錄頁(yè)面
10.2.2注冊(cè)頁(yè)面
10.3Vue3模板編譯實(shí)戰(zhàn)
10.3.1首頁(yè)頁(yè)面
10.3.2個(gè)人資料頁(yè)面
10.4Vue3功能實(shí)戰(zhàn)
10.4.1寫作頁(yè)面
10.4.2個(gè)人主頁(yè)
參考文獻(xiàn)