紫圣

JavaScript AST 转换器 transform 在编译器的编译过程中负责将 模板AST 转换为 JavaScript AST。

静态提升，就是指在编译器编译的过程中，将一些静态的节点或属性提升到渲染函数之外。它能够减少更新时创建虚拟 DOM 带来的性能开销和内存占用。

Vue 在追踪变化时，通过 track 函数收集依赖，即将副作用函数添加到 targetMap 中，通过 trigger 函数来执行对应的副作用函来完成更新。

watch 的本质就是观测一个响应式数据，当数据发生变化时通知并执行相应的回调函数。watch的实现利用了effect 和 options.scheduler 选项。

computed是一个懒执行的副作用函数，通过 _dirty 标志使得副作用函数可以懒执行。dirty 标志用来表示是否需要重新计算值，当需要计算属性需要重新计算时，则重新执行副作用。

ref 本质上是一个 “包裹对象”，因为 ES6 的 Proxy 无法提供对原始值的代理，所以需要使用一层对象作为包裹，间接实现原始值的响应式方案。

Vue.js 3 中的响应式数据是基于 ES6 中的Proxy实现的，Proxy除了可以代理Object、Array、还可以代理ES6中新增的Map、Set、WeakMap、WeakSet等集合。

解析器在解析模板过程中，无论是解析文本节点、插值节点还是标签的属性值，最终都会调用 decodeHtml 函数来解码文本内容中可能存在的HTML实体。

模板AST 解析器 parser 本质上就是一个状态机。它在编译器的编译过程中负责将 模板字符串 解析为 模板AST。