8.如何将 template 转换成 render 函数 ? ​

Vue 中含有模版编译的功能，它的主要作用是将用户编写的 template 编译为 js 中可执行的 render 函数。

Vue 中的模版转化流程 ​

• 1.将 template 模板转换成ast语法树 - parserHTML
• 2.Vue2 对静态语法做静态标记 - optimize / Vue3 对 ast 语法进行转化 - transform
• 3.重新生成代码 - codeGen

Vue2 模板编译的过程

Vue3 模版编译的过程

Vue3 中的模版转化，做了更多的优化操作。Vue2 仅仅是标记了静态节点而已~