Skip to content

模版解析总结

  • 模版解析是 vue 编译过程的第一步 把 template 解析生成 AST对象
  • 整个解析过程是一个自顶向下的分析过程
    • 也就是从代码开始根据当前解析的上下文 通过分析词法来分析当前的代码
    • 并找到对应的解析处理逻辑 创建 AST 节点
  • 过程中 可能会遇到元素节点的解析存在递归解析子节点的情况
    • 其实就是 树的深度遍历和解析过程
    • 解析过程中不断前进代码 更新解析上下文 根据生成的 AST 节点数组创建 AST 根节点
  • 最后还会处理空白字符 删除 合并一些空白字符
  • 已经在生产环境下删除注释节点 提升后续的编译效率

Welcome to the site