Vue 中模板编译的过程

  1. 编译的入口函数会从 compileToFunctions 开始，寻找缓存中的编译结果，若有缓存直接返回；没有则调用 compile()，将模板编译为对象将编译的字符串形式的js代码转为函数形式，然后缓存并返回。
  2. 在 compile 中合并选项，调用 baseCompile 编译，记录错误返回编译好的对象
  3. baseCompile 作为核心内容：调用 parse() 将模板字符串转为抽象语法树（AST）；调用 optimize() 优化抽象语法树，标记静态节点& 静态根节点，使得 patch 中可跳过；调用 generate 把抽象语法树转为字符串形式的 js 代码
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容