代码生成器 generate 在编译器的编译过程中负责将 JavaScript AST 转换成渲染函数，但是具体的过程是怎样的呢？让我们一起来探个究竟

上文解析了transform方法对ast对象进一步转化，依本例为模版，在type=0的根节点和type=1的元素节点对象上生成codegenNode属性。生成新的属性对象；合并相邻两个文本子节点；将创

代码生成阶段最后会生成一个字符串，然后用new Function将其转换为render函数。 createCodegenContext(ast, options)生成context上下文，并初始化，给出helper、push、indent、deindent、newLine等方法…

继续上一篇的节奏，上一篇我们分析了Vue3的render函数的生成过程，在genNode函数中，我们看到了很多节点类型的生成函数； 今天我们就来具体分析一下这些节点类型的生成函数，看看它们是如何生成的

手写vue3-渲染模块-组件渲染实现 组件化开发是现在大家都习以为常的，也总说着万物皆组件，那么本文就来实现组件的渲染

手写vue3-渲染模块-调度机制实现 调度机制这个词一听还挺懵的，不过其实在日常开发种处处都是调度，本文实现组件的调度机制

手写vue3-编译模块-前置知识 前面完成了响应式模块和运行时模块，可说到vue的特色那就是模板语法了，接下来正式进入编译模块的实现

从模板字符串template到最终呈现页面，Vue对于这部分的处理过程是：template=>AST=>JS AST=>render函数，这一节，我们来学习Vue源码中render函数的生成逻辑~

transform阶段根据不同的ast节点添加不同的选项参数，这些参数在generate阶段会用到。 1). 生成transform上下文 2). 转换结点 3). 静态提升相关操作 4). 赋值codegenNode 5). 对root结点添加meta信息 createTra…