封面
版权信息
作者简介
内容简介
前言
学习建议
第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解析
5.1.9 总结
5.2 effect副作用函数
5.2.1 实现
5.2.2 mount(挂载)
5.2.3 update(更新)
5.2.4 创建effect副作用函数
5.2.5 ReactiveEffect()函数
5.2.6 处理激活状态
5.2.7 清除操作
5.2.8 执行fn
5.2.9 总结
5.3 watch监听
5.3.1 watch函数
5.3.2 初始化
5.3.3 scheduler异步队列
5.3.4 watchEffect()函数
5.3.5 总结
5.4 computed函数
5.4.1 创建getter副作用函数
5.4.2 创建cRef
5.4.3 总结
5.5 拓展方法
5.5.1 customRef()函数
5.5.2 readonly()函数
5.5.3 shallow()函数
5.5.4 shallowReactive()函数
5.5.5 shallowReadonly()函数
5.5.6 总结
第6章 生命周期
6.1 生命周期函数
6.1.1 执行顺序
6.1.2 生命周期实现
6.1.3 injectHook()函数
6.1.4 总结
6.2 挂载回调
6.3 更新回调
6.4 卸载回调
6.5 onErrorCaptured()钩子函数
6.6 onRender钩子函数
第7章 模板编译
7.1 模板渲染
7.2 生成AST对象
7.2.1 初始化解析函数
7.2.2 初始化上下文
7.2.3 根节点对象
7.2.4 标签解析
7.3 AST对象优化
7.3.1 transform()函数
7.3.2 静态变量提升
7.4 生成代码字符串
7.4.1 创建模板字符串上下文
7.4.2 生成引用函数
7.4.3 生成函数签名
7.4.4 判断是否需要with函数扩展作用域
7.4.5 资源分解处理
7.4.6 生成节点代码字符串
7.4.7 返回代码字符串
7.5 生成render函数
7.6 位运算
第8章 组件和API实现
8.1 Suspense
8.2 teleport
8.3 KeepAlive
8.4 slot
8.5 props
8.6 defineAsyncComponent
8.7 defineComponent()
8.8 directives
8.9 scheduler
第9章 整体架构
9.1 架构设计
9.2 打包工具
9.3 构建工具
第10章 实战案例
10.1 案例介绍
10.1.1 项目介绍
10.1.2 知识点介绍
10.2 Vue3核心实战
10.2.1 登录页面
10.2.2 注册页面
10.3 Vue3模板编译实战
10.3.1 首页页面
10.3.2 个人资料页面
10.4 Vue3功能实战
10.4.1 写作页面
10.4.2 个人主页
参考文献
更新时间:2024-12-27 21:48:00