【面试题】从template到render发生了什么？

2024-03-03 50 阅读1分钟

1、vue中有个独特的编辑器模块Compiler，它的主要作用是将template编译为js中可执行的render函数。
2、之所以需要这个编译过程是为了便于程序员能高效的编写视图模板。我们还是更愿意使用html来编写视图，直观高效。手写render函数不仅效率低下，而且失去了编译期的优化能力。
3、vue中编译器会对template进行解析，这一步成为parse，之后会得到一个AST。然后对AST进行深加工的转换过程，这一步称为transfrom，最后将得到的AST生成JS代码，也就是render函数。