常见 Vue的v-once 有哪些？分别说明使用场景？

【概念释义】

v-once 只渲染元素/组件一次，后续数据变化不再更新该子树，用于纯静态内容、含大量静态 HTML 的展示块、减轻 diff 开销。与 v-memo（Vue3，按依赖数组决定是否更新）不同，v-once 永久冻结。

【基础使用】

<div v-once>
  <h1>{{ title }}</h1>
  <p>版权 © 2024 不变文案</p>
</div>

<!-- 组件级 -->
<HeavyStatic v-once />

注意：子组件内部仍可能因 props 首次传入而渲染一次，之后父数据变不再重渲染该根。

【版本差异】