vue2源码解读

组件patch首先需要把占位符vnode转化为渲染vnode。实例化VueComponent，执行init，render方法生成渲染vnode，最后执行update把渲染vnode转化为真实dom。

创建组件vnode，首先需要创建组件的构造函数VueComponent，这个构造函数继承于Vue构造函数，然后生成一个组件的占位符vnode，该vnode需要转化为渲染vnode才能转化为真实dom。

通过render函数生成vnode之后，通过patch方法来创建真实dom节点，主要是通过creatEle方法创建，对于子节点children则递归调用，生成的dom节点append到父节点。

vue通过createElement函数把传入的参数转化成一个vnode树状结构，每个vnode都有一个children数组，里面的每个元素也是一个vnode，它很好的描述了真实的DOM。

Vue本身是一个函数类，在初始化的过程中在类本身和原型对象上挂载了很多属性和方法。这样做的好处是可以分模块来管理，如果用class类不方便拆分。