Vue中模版的编译是如下过程:模版--->ast(形象树)-->render 函数->虚构 dom->理论 dom。
vue中的模版通过 compiler 编译成ast(用于示意模版的 js 对象,也能够说ast就是一个用来示意源代码的js对象),而后将ast生成对应render函数(这里先不谈对于ast的转化细节),render函数而后生成虚构节点 vnode(用来形容节点及其子节点的信息),vnode的汇合组成Virtual Dom(vue组件建设起来的整个vnode树叫虚构Dom树),最初生成实在Dom。