vue之 template 模板编译 理解

通过通过compile编译器把template编译成AST语法树,AST会经过generate(将AST语法树转化成render function字符串的过程)得到render函数,render的返回值是VNode,VNode是Vue的虚拟DOM节点,里面包含(标签名、子节点、文本等);

然后进行真实dom的渲染 


首先compile编译器

  通过pase方法将我们传入的template中的内容,转换为AST语法树

  optimize对当前抽象语法树进行优化,标识出静态节点

  generate将我们的抽象语法树,转换为对应的render方法的字符串

 返回虚拟DOM






猜你喜欢

转载自blog.csdn.net/qinlulucsdn/article/details/80596233