Skip to content
大纲

vue 模板解析渲染流程

  1. 首先会将单文件编译包模板使用编译函数,生成模板信息
  2. 然后会使用 DOM 编译包,拓展模板信息,比如 style 的转换函数和指令函数
  3. 结合这些信息,使用 core 里包里的解析方法,将模板信息转换成模板抽象语法树
  4. 然后再转换函数里,执行转换函数去生成 js 抽象语法树
  5. 最后对 js 像语法树解析,拼接 dom 字符串 生成 render 函数
  6. 执行 render 函数生成虚拟 dom,最后生成实际 dom

Released under the MIT License.