# 编译器
在Vue3
中,编译器主要负责把模板编译成渲染render
函数。Vue
模板属于领域特定语言(DSL
)。其编译过程与通用语言的编译过程有所不同。
完整的编译过程通常包含以下步骤:
- 【编译前端】词法分析
- 【编译前端】语法分析
- 【编译前端】语义分析
- 【编译后端】中间代码生成
- 【编译后端】优化
- 【编译后端】目标代码生成
Vue
模板的编译过程如下:
- 词法分析
- 语法分析,得到模板
AST
- 将模板
AST
转换成JavaScript
AST
- 根据
JavaScript
AST
生成JavaScript
代码