Vue.js3.0源码解析(微课视频版)

Vue.js3.0源码解析(微课视频版)

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

因版权原因待上架

编辑推荐

本书围绕Vue3框架源码展开,由浅入深,从不同角度深入学习Vue3。

内容简介

全书共10章,其中第1~3章从整体逻辑角度介绍Vue3的实现过程;第4~7章从细节角度介绍Vue3的虚拟DOM、响应式API、生命周期和模板编译的实现逻辑;第8~10章从使用角度入手,介绍常用组件和API实现原理,整体架构和项目实战中的实现。

为便于读者高效学习,快速掌握Vue3源码框架原理,本书作者精心制作了完整的微课视频、源代码等内容。本书适合作为计算机相关专业的教辅书,也可以作为前端开发者的自学参考书。

作者简介

编著者仲宝才,成都东软学院副教授,软件工程系主任,优秀教师,具有丰富的开发经验和写作经验。作为负责人主持多项教育部产学合作协同育人项目和四川省教育厅教研项目,发表多篇科研论文。

章节目录

版权信息

作者简介

内容简介

前言

学习建议

第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 个人主页

参考文献

Vue.js3.0源码解析(微课视频版)是2023年由清华大学出版社出版,作者仲宝才 等 编著。

得书感谢您对《Vue.js3.0源码解析(微课视频版)》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

购买这本书

你可能喜欢
短视频编辑与制作(第2版全彩微课版) 电子书
本书集短视频制作理论与实践教学于一体,全流程地介绍了短视频制作的各种技能。
Illustrator CS6标准教程(全视频微课版) 电子书
内容提要本书系统、全面地讲解了IllustratorCS6的各项功能和使用技巧。全书共分为9章,从图形图像的基本概念讲起,逐步深入到绘图、填充上色、图形编辑、文本、图层、艺术效果、符号、图表、Web、文件格式和打印等软件核心功能和应用方法。本书采用功能讲解实战练习的形式,讲解深入,实战性强。读者不但可以学习Illustrator各项功能的使用方法,还可以通过大量精美范例,拓展设计思路,掌握Illu
Flash CS6标准教程(全视频微课版) 电子书
本书介绍了FlashCS6的基本操作方法,包括FlashCS6的入门介绍、辅助工具的基本操作、基本绘图工具的运用、动画图形对象的编辑、动画图形的填充和描边、外部媒体素材的导入、文本对象的创建和编辑、图层和帧的创建、简单动画效果的制作、元件和库、AS基础、动画的测试、优化、发布等内容。
Premiere Pro 2022 视频编辑实战教程(全彩微课版) 电子书
本书主要讲解使用PremierePro2022剪辑视频的知识与操作方法,并结合案例介绍软件的实际操作技巧。全书共7章,主要内容包括视频剪辑概述、走进Premiere的世界、字幕效果设计实战、视频效果设计实战、音频效果设计实战、调色效果设计实战、短视频剪辑全流程。本书通过解析典型案例的设计思路,详细介绍软件的实际操作方法,从而达到培养读者的设计思维,提高读者的实际操作能力的目的。同时,所有案例、实战
AutoCAD2017实战基础培训教程(全视频微课版) 电子书
零基础AutoCAD 2017图形制作实战教程,迅速成为图形设计高手。