Vue的编译过程

分类: 文章 • 2024-08-11 23:17:16

Vue的编译过程

碰到是否有template选项时，会询问是否要对template进行编译：

Vue的编译过程

在template编译（渲染成UI）有一个过程。模板通过编译生成AST，再由AST生成Vue的渲染函数，渲染函数结合数据生成Virtual DOM树，对Virtual DOM进行diff和patch后生成新的UI。将上图细化一下，也就是template编译的过程如下图所示：

Vue的编译过程