vue template的编译原理就是vue框架底层对模板的编译过程,这个过程将最初的模板源码转换生成最终的语法抽象树(AST)
具体步骤如下:
- 模板编译器读入模板源码,将其词法分析成各个部分,这些部分包括html元素,vue指令,还有特殊属性等
- AST 的gennerator组件将区分开的各个部分进行上下文解析,封装,形成一个抽象语法树(AST)
- code 的gennerator组件将AST进行处理,生成js代码,即渲染函数,渲染函数最终渲染出页面进行展示。
vue template的编译原理就是vue框架底层对模板的编译过程,这个过程将最初的模板源码转换生成最终的语法抽象树(AST)
具体步骤如下: