Vue2.x 源码学习笔记

本篇，介绍了Vue异步更新流程：1，为什么要做异步更新；2，异步更新的实现思路；3，数据变更缓存的位置；4，缓存watcher更新逻辑；5，vm.$nextTick获取更新后dom；6，测试异步更新；

本篇，介绍Vue依赖收集的视图更新部分：视图初始化时render方法会取值，get方法为数据添加dep并记录当前渲染watcher；数据更新时，进入set方法出发dep收集watche执行视图更新；

本篇， dep 和 watcher 关联：1，介绍了依赖收集的必要性；2，介绍了 Watcher 和 Dep 的作用；3，实现了 Watcher 类和 Dep 类；4，Watcher 和 Dep关联；

本篇，主要介绍了 Vue 依赖收集的过程分析：1，介绍了 Vue 的响应式特性；2，介绍了 Vue 的依赖收集过程；3，介绍了 dep 和 watcher 以及观察者模式；

【Vue2.x 源码学习】第二十篇 - 使用真实节点替换原始节点；主要涉及以下几点：新老节点的更新方案；虚拟节点与真实节点映射；实现新老节点的替换；

【Vue2.x 源码学习】第十九篇 - 根据 vnode 渲染真实节点；vnode 渲染真实节点步骤；原型方法_update；patch方法：1，创建真实节点2，替换掉老节点；createElm实现；

【Vue2.x 源码学习】第十八篇 - 根据 render 函数，生成 vnode；封装 vm._render；_s，_v，_c的实现；

本篇，生成render函数，主要做了以下两件事：1，使用with代码块对生成的code字符串进行一次包装；2，将包装后的完整code字符串，通过 new Function 输出为 render 函数；

本篇，介绍了 render 函数的代码拼接：1，render 函数的分析和实现方案；2，拼接 render 函数结构：generate(ast)；3，处理属性及属性值中的样式：genProps(ast

【Vue2.x 源码学习】第十五篇 - 生成 ast 语法树 - 构造树形结构；基于 html 特点，使用栈型数据结构记录父子关系；开始标签，结束标签及文本的处理方式；代码重构及ast 语法树构建过程

【Vue2.x 源码学习】第十四篇 - 生成 ast 语法树 - 模板解析；使用正则对 html 模板进行解析和处理，匹配到模板中的标签和属性

【Vue2.x 源码学习】第十三篇 - 生成 ast 语法树 - 正则说明；简要说明了 HTML模板的解析方式；对模板解析相关正则说明和测试；

Vue 核心渲染流程回顾；三种模板写法及优先级；两种数据挂载方式；Vue 的原型方法 $mount；compileToFunction -> parserHTM流程说明；

【Vue2.x 源码学习】第十一篇 - Vue 的数据渲染流程；流程：template模板 -> render 函数 -> 虚拟dom -> diff 算法

【Vue2.x 源码学习】第十篇 - 数组数据变化的观测情况；实现了数组数据变化被劫持后，已重写原型方法的具体逻辑；数组各种数据变化时的观测情况分析；至此，数据劫持就全部完成了

【Vue2.x 源码学习】第九篇-对象数据变化的观测情况；实现了对象老属性值变更为对象、数组时的深层观测处理；结合实现原理，说明了对象新增属性不能被观测的原因，及如何实现数据观测；

【Vue2.x 源码学习】第八篇 - 数组的深层劫持；数组深层观测的实现；对数组进行 observe 递归观测操作；实现数组中嵌套结构的劫持，即数组嵌套数组、数组嵌套对象；

【Vue2.x 源码学习笔记】第七篇 - 阶段性梳理；通过断点调试，对当前版本数据劫持、数据代理进行了简单的流程梳理；同时，对照 Vue2.x 提供的功能，分析了当前版本数据观测的问题和不足；

【Vue2.x 源码学习笔记】第六篇 - 数据代理的实现；data暴露到vm._data 实例属性上；利用Object.defineProperty将vm.xxx操作代理到vm._data上；

【Vue2.x 源码学习笔记】第五篇 - 数组的劫持；性能考虑，Vue没有对数组采用Object.defineProperty劫持；通过对可导致原数组变化的7个方法进行拦截和重写实现数据劫持；