源码

在即将到来的 vue3.6 中，我们可以通过往 script 上写一个 vapor 语法糖的形式开启 vapor 模式，即 <script setup vapor> ，本期文章就带大家揭晓 va

vapor template 编译的三个流程分别为 parse，transform，generate parse 是将 source 解析成 AST，transform 是将 AST 转换为 IR，g

上一篇文章【vue3 的 parse 都做了啥】中已经介绍了 vapor 编译的三个阶段的第一个阶段 parse compile 有三个阶段，分别为 parse，transform，generate

在看 vapor 源码时，我发现 compiler-vapor 包里面的 parse 函数也是调用的 compiler-core 里头的 baseParse，所以说 v3 的 parse 原理清楚了，

vapor 模式下的 vue 是如何实现无虚拟 dom 还能去精准操控 dom ？ 答案应该是 IR 其中的一个属性 block，block 里面记录了动态节点，而这个 IR 又是在编译阶段就产生了

今天组内技术分享，有位大佬分享了一个 debug template解析的官方方式，debug 得很优雅，本篇文章分享下这个方式，这个方式在 vue/core 中有介绍 像是 vue3 的 github