Vue 2 源码阅读理解

Vue 2 的 diff 算法相对于简单 diff 算法来说，通过 双端对比与生成索引 map 两种方式 减少了简单算法中的多次循环操作，新旧数组均只需要进行一次遍历即可将所有节点进行对比。

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第13天，点击查看活动详情 1. 简介 Vue 与 React、Angular 组成前端三大框架，Vue 是三者中开源最晚的框架，内

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第14天，点击查看活动详情 1. $mount 函数来源 上一节虽然直接从 core 目录下找到了 Vue 的构造函数定义，但是缺少

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第15天，点击查看活动详情 template compile 模板解析 在 runtime-with-compiler.ts 中，

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第16天，点击查看活动详情 Parse 函数 在 baseCompile() 执行过程中，首先就是通过 parse方法 解析 tem

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第15天，点击查看活动详情 HTMLParserOptions.start() 用来解析标签的开始部分（匹配到标签开始部分时调用），

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第17天，点击查看活动详情 HTMLParserOptions.end() 在解析到标签结束部分时被调用，这部分代码主要用来处理之前

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第18天，点击查看活动详情 ParseHTML函数 - HTML 模板解析 之前在解析 parse 函数时，我们知道整个 解析 te

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第20天，点击查看活动详情 new Vue() 发生了什么 不管是在脚手架创建的 Vue 单页应用里面，还是通过 CDN 等方式直接

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第21天，点击查看活动详情 1. mergeOptions 配置合并 整个过程首先校验了 child 中的组件命名配置，并且如果传入

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第21天，点击查看活动详情 initLifecycle 生命周期初始化 在 new Vue 过程 一节中，讲到 Vue 实例在初始化

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第25天，点击查看活动详情 initEvents 组件事件初始化 在 initLifecycle 初始化生命周期执行结束后，紧接着就

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第25天，点击查看活动详情 initRender 组件渲染初始化 在 initEvents 事件系统初始化完成之后，紧接着的就是组件

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第26天，点击查看活动详情 initState 状态初始化 在配置标准化合并以及声明周期初始化完成之后，会调用 callHook('

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第26天，点击查看活动详情 Provide/Inject 初始化 1. initInjections 依赖初始化 该步骤其实发生在

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第26天，点击查看活动详情 响应式系统（一） 在 Vue 2 的官方文档 - 深入响应式原理 中介绍了 Vue 最独特的特性就是 非

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第30天，点击查看活动详情 响应式系统（二） 在上一节 响应式系统（一） 中，对 Vue 的数据响应式处理做了一点点介绍。整个数据的

我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第n篇文章，点击查看活动详情 响应式系统（三） 上一节 响应式系统（二） 中大致说明了 Observer 与 observe 通过 Object.

我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第n篇文章，点击查看活动详情 响应式系统（四） 关于 Vue 2 响应式系统的前三节已经讲述了 “数据劫持 Observer” 与 “依赖收集分发