一、vue 中 template 到 render 的过程
vue的模版编译过程主要如下：template -> ast -> render函数
vue 在模版编译版本的码中会执行 compileToFunctions 将template转化为render函数：
// 将模板编译为render函数
const { render, staticRenderFns } = compileToFunctions(template,options//省略}, this)
CompileToFunctions中的主要逻辑如下∶
（1）调用parse方法将template转化为ast（抽象语法树）
constast = parse(template.trim(), options)
- parse的目标：把tamplate转换为AST树，它是一种用 JavaScript对象的形式来描述整个模板。
- 解析过程：利用正则表达式顺序解析模板，当解析到开始标签、闭合标签、文本的时候都会分别执行对应的 回调函数，来达到构造AST树的目的。
AST元素节点总共三种类型：type为1表示普通元素、2为表达式、3为纯文本
（2）对静态节点做优化
optimize(ast,options)
这个过程主要分析出哪些是静态节点，给其打一个标记，为后续更新渲染可以直接跳过静态节点做优化
深度遍历AST，查看每个子树的节点元素是否为静态节点或者静态节点根。如果为静态节点，他们生成的DOM永远不会改变，这对运行时模板更新起到了极大的优化作用。
（3）生成代码
const code = generate(ast, options)
generate将ast抽象语法树编译成 render字符串并将静态部分放到 staticRenderFns 中，最后通过 new Function(`` render ``) 生成render函数。
二、总结：
总体流程：
通过执行compileToFunctions()方法将template 转化为render函数
CompileToFunctions主要逻辑：
1.调用parse()方法将template转化为ast(抽象语法树）
2.optimize()方法对转化为的ast，进行优化，找出静态节点（该静态节点生成的dom树永不改变，对运行时模板更新起到了极大的优化作用）
3.最后generate()将ast编译成render字符串，通过new Function(render),生成render函数.
