huihui_new

上一节我们介绍了event的parse过程，这一节我们来分析event的gencode的过程，接下来我们开始吧。

事件特性我们在Vue的日常开发中经常使用，但是你了解Vue中事件的原理吗？本系列我们从源码角度，来分析Vue event的原理。

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

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 props props是组件间通讯，经常用到的特性，下面我们去从源码角度了解一下原理： 在vue 2.x中，props的逻辑整体上可以分为3个流程