Vue中模板的编译是这样的过程:template--->ast(抽象树)-->renderfunction->virtualdom->actualdom。vue中的模板被编译器编译成ast(用来表示模板的js对象,也可以说ast是用来表示源码的js对象),然后将ast生成成相应的renderfunction(这里先不说ast的转换Details),render函数然后生成虚拟节点vnode(用来描述节点及其子节点的信息),vnodes的集合构成了VirtualDom(整个vnodevue组件构建的树称为虚拟Dom树),最终生成真实的Dom。
