01-vdom和模板编译源码
发布时间
阅读量:
阅读量
组件渲染过程解析
模板 → 抽象语法树 → 渲染 → 虚拟DOM → 真实DOM → 页面
Runtime-Compiler和Runtime-Only的区别 - 简书
编译步骤
Vue框架中,模板编译属于其关键组成部分之一。有关Vue编译机制的整体逻辑可以划分为三个主要阶段,各阶段之间具有先后顺序关系:
首先,将模板字符串解析为element ASTs(解析器 parse)
其次,对生成的AST进行静态节点的识别与标记,该过程主要用于提升虚拟DOM渲染的效率(优化器 optimize)
最后,依据element ASTs生成对应的render函数代码字符串(代码生成器 generate)


还没有任何评论哟~
