vue-22从 template 到 render 处理过程

2022-03-27 180 阅读1分钟

1. Vue中有个独特的编译器模块，称为“compiler”，它的主要作⽤是将⽤户编写的template编译为js中可执⾏的 render函数。
1. 之所以需要这个编译过程是为了便于前端程序员能⾼效的编写视图模板。相⽐⽽⾔，我们还是更愿意⽤HTML 来编写视图，直观且⾼效。⼿写render函数不仅效率底下，⽽且失去了编译期的优化能⼒。
1. 在Vue中编译器会先对template进⾏解析，这⼀步称为parse，结束之后会得到⼀个JS对象，我们成为抽象语法树AST，然后是对AST进⾏深加⼯的转换过程，这⼀步成为transform，最后将前⾯得到的AST⽣成为JS代码，也就是render函数。