Vue2.x 源码学习笔记

第一，提升专栏的内容质量，能够真正帮助更多有需要的伙伴；第二，对内容进行归纳和扩充，巩固提升自己对相关知识的理解和认知；第三，梳理总结文章的写作思路，从内容的展现形式出发，提升写作技能和创作水平；

组件相关流程总结:Vue.component 的实现;Vue.extend 的实现;组件合并的实现;组件编译的实现;创建组件的虚拟节点;组件生命周期的实现;创建组件的真实节;

这是我参与8月更文挑战的第15天，活动详情查看：8月更文挑战 一，前言 上篇，组件部分-生成组件的真实节点； 本篇，组件部分-组件挂载流程分析； 二，组件挂载流程分析 1，示例 全局组件：my-but

这是我参与8月更文挑战的第14天，活动详情查看：8月更文挑战 一，前言 上篇，介绍了组件部分-组件的生命周期，主要涉及以下几部分： 本篇，组件部分-生成组件的真实节点； 二，生成组件的真实节点 1，前

本篇，介绍了组件部分-组件的生命周期，主要涉及以下几部分：1）介绍了组件生命周期的实现；2）介绍了如何进行组件的初始化和挂载；

本篇，介绍了组件部分-组件的编译，主要涉及以下几部分：组件编译流程介绍:html->render->vnode；扩展`createElement`，创建组件虚拟节点`createComponent`；

本篇，介绍了组件部分-组件的编译，主要涉及以下几部分：1，对组件初始化流程、模板解析流程进行回顾；2，组件的编译流程分析；3，扩展 createElement 方法，创建组件虚拟节点 ；

本篇，介绍组件合并的实现：1，组件注册流程梳理；2，组件合并的分析；1）组件合并的必要性；2）组件合并的问题；3，组件合并的实现；1）生命周期的合并策略回顾；2）组件合并策略的实现，4，组件合并的测试

本篇，介绍了Vue.extend实现：1，Vue.extend 简介；2，实现分析与代码框架；3，组件初始化的分析与实现；4，子类继承父类的分析与实现；5，组件的选项合并；6，功能测试与补充说明；

本篇，介绍了Vue初始化流程中Vue.component的实现：1）Vue.component全局API的初始化处理2）Vue.component的定义和参数说明；3）组件构造函数全局存储的方式和作用

本篇介绍了 Vue 组件与初始化流程：1）组件使用介绍：全局组件、局部组件的定义和优先级；2）组件初始化流程介绍：Vue.component、Vue.extend、保存构造函数、组件合并、初渲染和更新

本篇，diff算法阶段性梳理，主要涉及以下几个点：1）初渲染与视图更新流程；2）diff 算法的外层更新；3）diff 算法的比对优化；4）diff 算法的乱序比对；5）初渲染和更新渲染判

本篇，diff 算法-乱序比对，主要涉及以下几个点：1，介绍了乱序比对的方案；2，介绍了乱序比对的过程分析；3，实现了乱序比对的代码逻辑；

本篇，diff 算法 - 比对优化（下），主要涉及以下几个点：1，介绍了儿子节点比较的流程；2，介绍并实现了头头、尾尾、头尾、尾头4种特殊情况比对；

本篇，diff 算法-比对优化（上），主要涉及以下几个点：1，介绍了如何对儿子节点进行比对；2，新老儿子节点可能存在的 3 种情况及代码实现；3，新老节点都有儿子时，diff 的方案介绍与处理逻辑分析

本篇，介绍了diff算法-节点比对：1，介绍了 diff 算法、对比方式、节点复用；2，实现了外层节点的 diff 算法；3，不同节点如何做替换更新；4，相同节点如何做复用更新：文本、元素、样式处理；

本篇，diff 算法问题分析与 patch 方法改造，主要涉及以下几点：1，初始化与更新流程分析；2，问题分析与优化思路；3，新老虚拟节点比对模拟；4，patch 方法改造；

本篇介绍了Vue 生命周期的实现，主要包括：1，Vue.mixin 介绍和使用；2，Vue 全局 api 和实例 api 的使用和实现；3，Vue.mixin 的说明和实现；4，生命周期的说明和实现；

本篇，主要介绍了数组依赖收集的实现：1，对象依赖收集的总结；2，数组依赖收集的位置；3，数组和对象本身做依赖收集；4，数组中嵌套对象（对象或数组）的递归处理；

本篇，主要介绍了数组依赖收集的原理：1，数组的响应式实现；2，数组的依赖收集方案介绍；3，数组依赖收集的入口；4，添加 dep 后，对象的收益；