Vue2 源码学习笔记

在《编译二：parse》一文中已经分析过模板解析为 AST 树过程；那么，本文将分析编译过程第二个阶段：optimize，即对 AST 树进行优化。

在《编译一：入口》一文中，简单分析了模板 template 编译成 render 函数的过程，涉及到三步：parse、optimize、generate。那么，这篇文章则会分析 parse。

Vue 在实现挂载的过程中，如果用户传入的是模板 template，那么会执行编译操作，即将模板编译生成 render 函数，这也是本文即将分析的主题。

props 作为 Vue 核心特性之一，也是父子组件通信的一种方式，在 Vue 项目中经常使用。那么，它的内部是如何实现的呢？这将是本文即将要探究的话题。

对于侦听属性 watch，监听响应式对象的变化，然后执行其回调函数。它是如何做到的呢？那么我们来探究其实现原理。

在平时的项目开发中，经常都会使用到计算属性 computed。那么在使用其 API 的同时，是否有考虑过它是如何实现的呢？本文就来分析计算属性 computed 实现原理。

nextTick 是 Vue 的核心实现之一，它与 JavaScript 运行机制息息相关，即事件循环机制（Event Loop）。本文将分析 nextTick 的实现。

前面已经分析了如何将一个普通 data 对象变成一个响应式对象，这过程涉及到依赖收集和派发更新。本文将进一步分析派发更新的实现原理。

前面已经分析了如何将一个普通 data 对象变成一个响应式对象，这过程涉及到依赖收集和派发更新。本文将进一步分析依赖收集的实现原理。

对于 Vue 来说，数据响应式原理是它的核心特点之一，即数据发生变化，驱动视图改变；而其实现响应式的核心是利用 ES5 的 Object.defineProperty

Vue 框架有一套完整的生命周期，在合适的时机调用对应的钩子函数，执行用户自己实现的逻辑。本文将从源码的角度来分析生命周期钩子函数在其内部是如何被调用的？

在初始化 Vue 实例的过程中，有一段逻辑涉及到 options 的合并，这其中分为两种场景：首次初始化时 options 合并和组件 options 合并。它们合并的逻辑有所不同，这也是本文所要探究

在《render 渲染原理》一文中，分析了 render 函数如何将 Vue 实例渲染成 VNode。有两种渲染方式：一是普通节点渲染；二是组件渲染。而当时分析了普通节点的渲染，那么将分析组件的渲染。

在上一篇文章《render 渲染原理》，讲解了如何把 Vue 实例渲染成虚拟 DOM。沿着这一思路，将讲解如何把虚拟 DOM 渲染成真实 DOM。

从《new Vue 发生了什么》一文可知，如果在实例化 Vue 时传入的参数 el 不为空时，那么在其内部会自动调用 Vue 实例上函数 $mount 进行挂载，本文将探究其发生了什么？

在上一篇文档，详细地讲解了 `import Vue from 'vue'` 这行代码背后的原理；而本文将从原理层面探究 new Vue 其背后究竟发生了什么？

当在 `main.js` 引入 Vue，即 `import Vue from 'vue'` 时，项目是如何找到 Vue 呢？

构建方式 Vue2 源码是基于 Rollup 构建的，适合构建 JavaScript 库，无法识别其它资源类型。

Flow 是 Facebook 推出的 JavaScript 静态类型检查工具，借助它可对代码进行类型检查。