Vue中模版的编译过程

Vue中模版的编译是以下过程：模版--->ast(抽象树)-->render 函数->虚拟 dom->实际 dom。

vue中的模版经过 compiler 编译成ast(用于表示模版的 js 对象，也能够说ast就是一个用来表示源代码的js对象)，而后将ast生成对应render函数(这里先不谈关于ast的转化细节)，render函数而后生成虚拟节点 vnode（用来描述节点及其子节点的信息），vnode的集合组成Virtual Dom(vue组件创建起来的整个vnode树叫虚拟Dom树)，最后生成真实Dom。