Vue 3 中，HoistStatic 和 CacheHandler 是 Vue 编译器的两个选项

一：定义

1：HoistStatic （静态节点提升）

编译器会将模板中的静态节点（不包含动态绑定的节点）提升为渲染函数的常量。

将静态节点的定义提升到父作用域，缓存起来，不需要在每次重新渲染时进行计算和创建

多个相邻的静态节点，会被合并起来，（空间换时间的优化策略）

 <div>
		<span>hello vue3</span>
		<span>hello vue3</span>
		<span>hello vue3</span>
		<span>{{msg}}</span>
	  </div>

2：CacheHandler（缓存处理程序）

生成渲染函数时会使用缓存来提高性能。缓存可以存储已经编译过的模板，避免重复的编译过程

可以是一个自定义的缓存处理程序对象，用于存储和获取编译后的模板。

  <div>
		<span @click="clickHandler">hello vue3</span>
	  </div>

二：总结

1：编译阶段的配置项，用于优化编译性能和缓存使用