Vue 编译

Vue编译的核心主要包括三步：生成AST树，优化AST树，生成最终代码。本节我们来分析最后一个过程：genCode。

Vue编译的核心主要包括三步：生成AST树，优化AST树，生成最终代码。本节我们来分析编译核心流程的第二步：optimize（优化AST树）。

上一节我们已经介绍了start函数解析开始标签的过程，初始化了AST树并解析了开始标签上的各种指令丰富了AST树。本节我们来分析结束标签的end函数与文本字符串的char函数等过程。

上一节我们已经介绍了template解析成match对象的一个过程，本节我们来分析match对象生成ast树的过程。

通过上一节我们分析了Vue的编译流程入口，其中vue编译的核心是执行baseCompile，包括三个步骤：解析生成ast树，优化ast树，生成代码。本节我们来分析第一个步骤parse。

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 Vue 编译（Compile）入口 Vue中的数据渲染到页面的整个流程，我们之前介绍过，不清楚可以点击这里，其中的编译流程，是将我们的templa