Vue中el,render,$mount的一些关系

Vue教程里有一张完整的生命周期图，这里截取它的一部分。

在创建好Vue实例后，准备挂载到DOM之前，会经历这样几个步骤。

首先会检查el选项，如果没有的话，就需要我们用$mount()进行手动挂载，如果有的话，或者已经手动挂载之后，就会检查是否有‘template’选项。

如果有的话说明我们给这组件定义了模板，于是将模板编译进render函数中，如果没有的话，就会取被挂载的DOM元素的HTML模板编译进render函数。

而当render函数存在时，上述的两种“模板编译进render函数”情况都不会发生，render会接受createElement所返回的模板来进行渲染。