Vue2深度学习

全局API和实例方法不同，后者是在Vue的原型上挂载方法，也就是在Vue.prototype上挂载方法，而前者是直接在Vue上挂载方法。

在Vue.js内部，有下面这样一段代码，其中先定义了Vue构造函数，然后分别调用了initMixin、stateMixin、eventsMixin、lifecycleMixin

代码生成器是模板编译的最后一步，它的作用是将AST转换成渲染函数中的内容（代码字符串），当渲染函数被执行后，可以生成一份VNode，虚拟DOM就是通过这个VNode来渲染视图。 那么，如何根据AST来

通过解析器篇章的学习，我们知道，解析器的作用是将HTML模板解析成AST，而本章要介绍的优化器，则主要用来在AST中找出静态节点并打上标记。下面，我们通过提问回答的方式，详细了解一下优化器相关原理

在前面的学习中，我们知道，Vue的模板编译，分为解析器、优化器、代码生成器三个模块依次来实现。今天，我们先来深入了解一下解析器。 解析器，就是把<template></template>模板，根据一定

从前面的学习中，我们知道，Vue中的虚拟DOM是由VNode实例化而来。那么VNode的数据源又是从哪里来的？答案是通过模板编译而来。简单来说，就是把用户写的模板进行编译，就会产生VNode

虚拟DOM最核心的部分是patch，它通过Vue-Diff算法，比对新旧两个vnode之间有哪些不同，然后根据比对结果找出需要更新的节点进行更新，最终将vnode渲染成真实的DOM。整个patch的过

在《虚拟DOM篇-Vnode》中，我们介绍了VNode最大的用途就是在数据变化前后生成真实DOM对应的虚拟DOM，然后对比新旧两份VNode，找出差异所在，再更新有差异的DOM节点，最终达到以最少操作

在Vue中存在一个VNode类，使用它可以实例化不同类型的vnode实例，而不同类型的vnode实例各自表示不同类型的DOM元素。

我们把组成一个`DOM`节点的必要东西通过一个`JS`对象表示出来，那么这个`JS`对象就可以用来描述这个`DOM`节点，我们把这个`JS`对象就称为是这个真实`DOM`节点的虚拟`DOM`节点。

与变化侦测相关的常用API，主要有vm.$watch、vm.$set、vm.$delete，他们是挂载到Vue原型上的， 下面我们来一一介绍。

我们知道，Object的变化是靠setter来追踪的，只要一个数据发生变化，就一定会触发setter。那Array是不是这样呢？

前言 由于JS为Object和Array提供的方法机制不同，所以Vue针对Object和Array，采用了两套不同的变化侦测机制。本章，我们先来详细介绍一下Object的变化侦测。

在正式开始Vue2深度学习之前，我们做一些准备工作。比如获取源码，了解源码结构，知道如何调试源码等等。