每日一题： Vue 模板编译原理
定义：
Vue 中的模板 tempalte 无法被浏览器解析并渲染，因为这不属于浏览器的标准，不是正确的 HTML 语法，所以需要将 template 转化成一个 JS 函数，这样浏览器就可以执行这一个函数并渲染出对应的 HTML 元素，就可以让试图跑起来，这是一个转化的过程，就成为模板编译。
过程：
模板编译又分为三个阶段：解析 parse、优化 optimize，生成 genertate，最终生成可执行函数 render
解析阶段：使用大量的正则表达式对 template 字符串进行解析，将标签、指令、属性等转化为抽象语法树 AST
优化阶段：遍历 AST，找到其中的一些静态节点并进行标记，方便在页面重渲染的时候进行 diff 比较时，直接跳过这一些静态节点，优化 runtime 性能
生成阶段：将最终的 AST 转化成 render 函数字符串