Skip to content
JStar
Search
Meta
K
Main Navigation
开始
HTMLCSS
js
react
vite
vue
webpack
小程序
工程化
微前端
面试经验
GitHub
Appearance
GitHub
Menu
Return to top
大纲
Table of Contents for current page
vue 模板解析渲染流程
首先会将单文件编译包模板使用编译函数,生成模板信息
然后会使用 DOM 编译包,拓展模板信息,比如 style 的转换函数和指令函数
结合这些信息,使用 core 里包里的解析方法,将模板信息转换成模板抽象语法树
然后再转换函数里,执行转换函数去生成 js 抽象语法树
最后对 js 像语法树解析,拼接 dom 字符串 生成 render 函数
执行 render 函数生成虚拟 dom,最后生成实际 dom