更新时间:2024-12-27 21:48:00
封面
版权信息
作者简介
内容简介
前言
学习建议
第1章 初识Vue3
1.1 Vue3简介
1.2 Vue3的变化
1.2.1 架构变化
1.2.2 代理方式变化
1.2.3 Virtual DOM变化
1.3 Vue3结构
第2章 Vue3入门
2.1 createApp()函数
2.2 参数响应式
2.3 effect副作用函数
2.4 mount()函数
2.5 patch()函数
2.6 总结
第3章 Vue3整体实现
3.1 源码调试
3.1.1 代码调试
3.1.2 开启sourceMap
3.1.3 总结
3.2 createApp()函数
3.2.1 涉及文件
3.2.2 调用createApp()函数
3.2.3 调用createRenderer()函数
3.2.4 总结
3.3 mounted挂载
3.3.1 涉及文件
3.3.2 创建根组件VNode
3.3.3 递归渲染
3.3.4 创建组件上下文实例
3.3.5 patch子树
3.3.6 总结
3.4 setup函数
3.4.1 涉及文件
3.4.2 mountComponent()函数
3.4.3 setupComponent()函数
3.4.4 初始化代理上下文
3.4.5 get方法
3.4.6 set方法
3.4.7 has方法
3.4.8 调用setup函数
3.4.9 finishComponentSetup()函数
3.4.10 总结
3.5 update方法
3.5.1 涉及文件
3.5.2 setupRenderEffect()函数
3.5.3 updateComponentPreRender()函数
3.5.4 updateComponent()函数
3.5.5 shouldUpdateComponent()函数
3.5.6 processElement()函数
3.5.7 patchChildren()函数
3.5.8 总结
3.6 unmount方法
3.6.1 涉及文件
3.6.2 baseCreateRenderer()函数
3.6.3 ref数据
3.6.4 keepalive组件
3.6.5 component组件
3.6.6 suspense组件
3.6.7 telport组件
3.6.8 动态子组件等
3.6.9 总结
第4章 虚拟DOM
4.1 VNode对象
4.1.1 VNode简介
4.1.2 VNode声明
4.1.3 _createVNode()函数
4.1.4 总结
4.2 patch函数
4.2.1 patch介绍
4.2.2 text类型
4.2.3 comment类型
4.2.4 static类型
4.2.5 fragment类型
4.2.6 element类型
4.2.7 component类型
4.2.8 teleport类型
4.2.9 suspense类型
4.3 diff比较
4.3.1 从前往后比较
4.3.2 从后往前比较
4.3.3 新增新VNode
4.3.4 删除旧VNode
4.3.5 进一步判断
4.3.6 总结
第5章 响应式API
5.1 reactive响应式API
5.1.1 使用方式
5.1.2 兼容写法
5.1.3 reactive()函数
5.1.4 createReactiveObject()函数
5.1.5 mutableHandlers()函数
5.1.6 createGetter()函数
5.1.7 createSetter()函数
5.1.8 ref解析