请描述 Vue 模板编译的整体流程，以及其中经历的主要步骤。
考察说明
考查对 Vue 模板编译原理和核心流程的理解。
回答思路
- 【回答框架 1】Vue 模板编译是将模板字符串转换为渲染函数的过程，主要分为三个阶段：解析、优化和代码生成。
- 【回答框架 2】解析阶段使用正则表达式和状态机将模板字符串解析为抽象语法树，包含标签、属性、文本和指令等信息。
- 【回答框架 3】优化阶段通过标记静态节点和静态根节点，在更新时跳过静态子树以提升性能。
- 【回答框架 4】代码生成阶段将优化后的 AST 转换为可执行的渲染函数代码，其中包含虚拟节点创建和指令处理逻辑。
- 【关键点 1】模板编译三阶段：解析、优化、代码生成。
- 【关键点 2】解析得到 AST，优化标记静态节点，代码生成得到渲染函数。
- 【关键点 3】渲染函数用于创建虚拟 DOM。
- 【易错点 1】不要遗漏优化阶段，或将其与解析混淆。
- 【易错点 2】注意区分编译时和运行时，编译发生在构建阶段或运行时（如使用完整版 Vue）。