Vue模板的编译原理

Vue模板的编译原理

Vue的编译就是将 template 模板转化成 render 函数的过程。

再通过 render 函数生成最新的vnode,再用vnode去渲染页面。

模板编译过程:

  1. 将模板解析为AST(抽象语法树),可以看做是解析器。
  2. 遍历AST,标记静态节点,可以看做是优化器。
  3. 使用AST生成render函数,可以看做是代码生成器。

评论