- 编译的入口函数会从 compileToFunctions 开始,寻找缓存中的编译结果,若有缓存直接返回;没有则调用 compile(),将模板编译为对象将编译的字符串形式的js代码转为函数形式,然后缓存并返回。
- 在 compile 中合并选项,调用 baseCompile 编译,记录错误返回编译好的对象
- baseCompile 作为核心内容:调用 parse() 将模板字符串转为抽象语法树(AST);调用 optimize() 优化抽象语法树,标记静态节点& 静态根节点,使得 patch 中可跳过;调用 generate 把抽象语法树转为字符串形式的 js 代码
Vue 中模板编译的过程
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- Vue.js 源码剖析 - 模板编译和组件化 模板编译简介 模板编译主要目的是将模板(template)转换为渲染...
- 2020.11.01 1、请简述 Vue 首次渲染的过程。 首次渲染总结: 在首次渲染之前,首先进行Vue初始化,...
- 前言 2000年,伊利诺伊大学厄巴纳-香槟分校(University of Illinois at Urbana-...