Advertisement

01-vdom和模板编译源码

阅读量:

组件渲染过程解析

模板 → 抽象语法树 → 渲染 → 虚拟DOM → 真实DOM → 页面

Runtime-Compiler和Runtime-Only的区别 - 简书

编译步骤

Vue框架中,模板编译属于其关键组成部分之一。有关Vue编译机制的整体逻辑可以划分为三个主要阶段,各阶段之间具有先后顺序关系:

首先,将模板字符串解析为element ASTs(解析器 parse)

其次,对生成的AST进行静态节点的识别与标记,该过程主要用于提升虚拟DOM渲染的效率(优化器 optimize)

最后,依据element ASTs生成对应的render函数代码字符串(代码生成器 generate)

![](https://ad.itadn.com/c/weblog/blog-img/images/2025-05-31/SOLD6norvGUy8A5ExQHm

全部评论 (0)

还没有任何评论哟~