Vue.js技术内幕

目录

第 一部分 Vue．js 的整体设计

第 1章 Vue．js 3．x 的优化 2

1．1 源码优化 2

1．1．1 monorepo 2

1．1．2 TypeScript 3

1．2 性能优化 4

1．2．1 源码体积优化 4

1．2．2 数据劫持优化 5

1．2．3 编译优化 7

1．3 语法API 优化 9

1．3．1 优化逻辑组织 9

1．3．2 优化逻辑复用 12

1．4 引入RFC 14

1．5 总结 14

第 2章 Vue．js 3．x 源码总览 15

2．1 源码目录结构 15

2．2 不同构建版本Vue．js 的使用场景 18

2．2．1 Runtime-only 与 Runtime + Compiler 19

2．2．2 CDN 直接使用 19

2．2．3 配合打包工具使用 20

2．2．4 服务端渲染使用 20

2．3 编译构建 21

2．3．1 收集编译目标 21

2．3．2 并行编译 21

2．3．3 单个编译 22

2．4 rollup 配置 23

2．4．1 输入与输出 24

2．4．2 external 27

2．4．3 插件配置 28

2．5 总结 31

第二部分 组件

第3章 组件的渲染 34

3．1 什么是vnode 35

3．1．1 普通元素vnode 35

3．1．2 组件vnode 35

3．1．3 vnode 的优势 36

3．2 如何创建vnode 37

3．3 组件的挂载 41

3．3．1 设置副作用渲染函数 42

3．3．2 渲染组件生成subTree 43

3．3．3 subTree 的挂载 45

3．3．4 普通元素的挂载 46

3．3．5 组件的嵌套挂载 49

3．4 应用程序初始化 50

3．4．1 创建app 对象 50

3．4．2 重写app．mount 函数 52

3．4．3 执行mount 函数渲染应用 53

3．5 总结 54

第4章 组件的更新 55

4．1 渲染函数更新组件的过程 55

4．2 patch 流程 56

4．2．1 处理组件 58

4．2．2 处理普通元素 61

4．3 核心diff 算法 65

4．3．1 同步头部节点 66

4．3．2 同步尾部节点 67

4．3．3 添加新的节点 68

4．3．4 删除多余节点 69

4．3．5 处理未知子序列 71

4．3．6 移动子节点 73

4．3．7 建立索引图 74

4．3．8 更新和移除旧节点 75

4．3．9 移动和挂载新节点 78

4．3．10 最长递增子序列 80

4．4 总结 85

第5章 组件的实例 87

5．1 创建组件实例 87

5．2 设置组件实例 90

5．2．1 创建渲染上下文代理 92

5．2．2 上下文代理的优化 96

5．2．3 处理setup 函数 98

5．2．4 完成组件实例设置 103

5．2．5 兼容Options API 105

5．3 总结 107

第6章 组件的props 108

6．1 props 配置的标准化 109

6．2 props 值的初始化 112

6．2．1 设置props 113

6．2．2 验证props 117

6．2．3 响应式处理 119

6．3 props 的更新 120

6．3．1 触发子组件重新渲染 121

6．3．2 更新instance．props 121

6．3．3 把instance．props 变成响应式的 124

6．3．4 对象类型props 数据的更新 125

6．4 总结 128

第7章 组件的生命周期 129

7．1 注册钩子函数 130

7．2 onBeforeMount 和onMounted 132

7．3 onBeforeUpdate 和onUpdated 134

7．4 onBeforeUnmount 和onUnmounted 136

7．5 onErrorCaptured 137

7．6 总结 139

第8章 异步组件 140

8．1 defineAsyncComponent 141

8．1．1 渲染占位节点 143

8．1．2 加载异步JavaScript 模块 144

8．1．3 重新渲染组件 145

8．2 高级用法 145

8．2．1 Loading 组件 146

8．2．2 Error 组件 147

8．3 只加载一次 150

8．4 总结 152

第三部分 响应式原理

第9章 响应式的内部实现原理 154

9．1 响应式对象的实现差异 155

9．2 reactive API 157

9．3 依赖收集 160

9．4 派发通知 164

9．4．1 副作用函数 166

9．4．2 嵌套effect 的场景 168

9．4．3 cleanup 的设计 169

9．5 响应式实现的优化 171

9．5．1 依赖收集的优化 171

9．5．2 trackOpBit 的设计 176

9．6 ref API 177

9．6．1 ref API 的优化 178

9．6．2 unref 180

9．7 shallowReactive API 182

9．8 readonly API 183

9．9 总结 185

第 10章 计算属性 186

10．1 computed API 186

10．2 计算属性的运行机制 190

10．3 嵌套计算属性 193

10．4 总结 193

第 11章 侦听器 195

11．1 watch API 的用法 196

11．2 watch API 的实现原理 196

11．2．1 标准化source 197

11．2．2 创建job 200

11．2．3 创建scheduler 201

11．2．4 创建effect 202

11．2．5 返回销毁函数 203