526互联

vue template的编译原理

发布时间 2023-11-09 12:51:04作者: enShine

vue template的编译原理就是vue框架底层对模板的编译过程，这个过程将最初的模板源码转换生成最终的语法抽象树（AST）

具体步骤如下：

  • 模板编译器读入模板源码，将其词法分析成各个部分，这些部分包括html元素，vue指令，还有特殊属性等
  • AST 的gennerator组件将区分开的各个部分进行上下文解析，封装，形成一个抽象语法树（AST）
  • code 的gennerator组件将AST进行处理，生成js代码，即渲染函数，渲染函数最终渲染出页面进行展示。