深入浅出Vue.js【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

深入浅出Vue.jsPDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 Vue.js简介1

1.1 什么是Vue.js1

1.2 Vue.js简史2

第一篇 变化侦测6

第2章 Object的变化侦测6

2.1 什么是变化侦测6

2.2 如何追踪变化7

2.3 如何收集依赖7

2.4 依赖收集在哪里8

2.5 依赖是谁10

2.6 什么是watcher10

2.7 递归侦测所有key12

2.8 关于Object的问题13

2.9 总结14

第3章 Array的变化侦测16

3.1 如何追踪变化16

3.2 拦截器17

3.3 使用拦截器覆盖Array原型18

3.4 将拦截器方法挂载到数组的属性上19

3.5 如何收集依赖21

3.6 依赖列表存在哪儿22

3.7 收集依赖23

3.8 在拦截器中获取observer实例24

3.9 向数组的依赖发送通知25

3.10 侦测数组中元素的变化26

3.11 侦测新增元素的变化27

3.11.1 获取新增元素27

3.11.2 使用Observer侦测新增元素28

3.12 关于Array的问题29

3.13 总结29

第4章 变化侦测相关的API实现原理31

4.1 vm.$watch31

4.1.1 用法31

4.1.2 watch的内部原理32

4.1.3 deep参数的实现原理36

4.2 vm.$set38

4.2.1 用法38

4.2.2 Array的处理39

4.2.3 key已经存在于target中40

4.2.4 处理新增的属性40

4.3 vm.$delete41

4.3.1 用法42

4.3.2 实现原理42

4.4 总结45

第二篇 虚拟DOM48

第5章 虚拟DOM简介48

5.1 什么是虚拟DOM48

5.2 为什么要引入虚拟DOM51

5.3 Vue.js中的虚拟DOM51

5.4 总结53

第6章 VNode54

6.1 什么是VNode54

6.2 VNode的作用55

6.3 VNode的类型56

6.3.1 注释节点57

6.3.2 文本节点57

6.3.3 克隆节点57

6.3.4 元素节点58

6.3.5 组件节点59

6.3.6 函数式组件59

6.4 总结59

第7章 patch60

7.1 patch介绍60

7.1.1 新增节点61

7.1.2 删除节点62

7.1.3 更新节点63

7.1.4 小结63

7.2 创建节点64

7.3 删除节点67

7.4 更新节点68

7.4.1 静态节点68

7.4.2 新虚拟节点有文本属性69

7.4.3 新虚拟节点无文本属性69

7.4.4 小结70

7.5 更新子节点72

7.5.1 更新策略72

7.5.2 优化策略77

7.5.3 哪些节点是未处理过的82

7.5.4 小结83

7.6 总结86

第三篇 模板编译原理88

第8章 模板编译88

8.1 概念88

8.2 将模板编译成渲染函数89

8.2.1 解析器90

8.2.2 优化器91

8.2.3 代码生成器91

8.3 总结92

第9章 解析器93

9.1 解析器的作用93

9.2 解析器内部运行原理94

9.3 HTML解析器99

9.3.1 运行原理100

9.3.2 截取开始标签101

9.3.3 截取结束标签107

9.3.4 截取注释108

9.3.5 截取条件注释108

9.3.6 截取DOCTYPE109

9.3.7 截取文本109

9.3.8 纯文本内容元素的处理112

9.3.9 使用栈维护DOM层级114

9.3.10 整体逻辑114

9.4 文本解析器117

9.5 总结121

第10章 优化器122

10.1 找出所有静态节点并标记125

10.2 找出所有静态根节点并标记127

10.3 总结129

第11章 代码生成器130

11.1 通过AST生成代码字符串131

11.2 代码生成器的原理134

11.2.1 元素节点134

11.2.2 文本节点136

11.2.3 注释节点137

11.3 总结137

第四篇 整体流程140

第12章 架构设计与项目结构140

12.1 目录结构140

12.2 架构设计143

12.3 总结145

第13章 实例方法与全局API的实现原理146

13.1 数据相关的实例方法147

13.2 事件相关的实例方法147

13.2.1 vm.$on148

13.2.2 vm.$off149

13.2.3 vm.$once152

13.2.4 vm.$emit153

13.3 生命周期相关的实例方法154

13.3.1 vm.$forceUpdate154

13.3.2 vm.$destroy155

13.3.3 vm.$nextTick159

13.3.4 vm.$mount169

13.4 全局API的实现原理178

13.4.1 Vue.extend178

13.4.2 Vue.nextTick182

13.4.3 Vue.set183

13.4.4 Vue.delete183

13.4.5 Vue.directive184

13.4.6 Vue.filter185

13.4.7 Vue.component186

13.4.8 Vue.use188

13.4.9 Vue.mixin189

13.4.10 Vue.compile190

13.4.11 Vue.version190

13.5 总结191

第14章 生命周期192

14.1 生命周期图示192

14.1.1 初始化阶段193

14.1.2 模板编译阶段194

14.1.3 挂载阶段194

14.1.4 卸载阶段194

14.1.5 小结194

14.2 从源码角度了解生命周期195

14.3 errorCaptured与错误处理199

14.4 初始化实例属性203

14.5 初始化事件204

14.6 初始化inject208

14.6.1 provide/inject的使用方式208

14.6.2 inject的内部原理210

14.7 初始化状态215

14.7.1 初始化props216

14.7.2 初始化methods224

14.7.3 初始化data225

14.7.4 初始化computed228

14.7.5 初始化watch238

14.8 初始化provide241

14.9 总结241

第15章 指令的奥秘242

15.1 指令原理概述242

15.1.1 v-if指令的原理概述243

15.1.2 v-for指令的原理概述243

15.1.3 v-on指令244

15.2 自定义指令的内部原理246

15.3 虚拟DOM钩子函数250

15.4 总结251

第16章 过滤器的奥秘252

16.1 过滤器原理概述253

16.1.1 串联过滤器254

16.1.2 滤器接收参数254

16.1.3 resolveFilter的内部原理255

16.2 解析过滤器256

16.3 总结258

第17章 最佳实践259

17.1 为列表渲染设置属性key259

17.2 在v-if/v-if-else/v-else中使用key259

17.3 路由切换组件不变260

17.3.1 路由导航守卫beforeRouteUpdate261

17.3.2 观察$route对象的变化261

17.3.3 为router-view组件添加属性key262

17.4 为所有路由统一添加query262

17.4.1 使用全局守卫beforeEach263

17.4.2 使用函数劫持263

17.5 区分Vuex与props的使用边界264

17.6 避免v-if和v-for一起使用264

17.7 为组件样式设置作用域266

17.8 避免在scoped中使用元素选择器267

17.9 避免隐性的父子组件通信268

17.10 单文件组件如何命名268

17.10.1 单文件组件的文件名的大小写268

17.10.2 基础组件名269

17.10.3 单例组件名270

17.10.4 紧密耦合的组件名270

17.10.5 组件名中的单词顺序271

17.10.6 完整单词的组件名272

17.10.7 组件名为多个单词273

17.10.8 模板中的组件名大小写273

17.10.9 JS/JSX中的组件名大小写274

17.11 自闭合组件275

17.12 prop名的大小写276

17.13 多个特性的元素276

17.14 模板中简单的表达式276

17.15 简单的计算属性277

17.16 指令缩写278

17.17 良好的代码顺序278

17.17.1 组件/实例的选项的顺序278

17.17.2 元素特性的顺序280

17.17.3 单文件组件顶级元素的顺序281

17.18 总结282