Vue3 v-memo 怎么跳过列表无效渲染？

Question

仓乃文 · Accepted Answer

长列表中每项的渲染可能很复杂，但大部分项的数据并没有变化却仍然重新渲染。v-memo 接收依赖数组，依赖不变时跳过整个区块的更新，比手动拆分组件更高效。列表项缓存： ```html

{{ item.name }} {{ item.status }}

``` 条件区块缓存： ```html

``` 补充说明： - v-memo="[a, b]" 类似 computed 的依赖数组，a 或 b 变化时才重新渲染 - 传空数组 v-memo="[]" 等同于 v-once，只渲染一次 - v-memo 比 v-once 更灵活，可以指定更新条件 - 适合表格行、列表项、复杂卡片等渲染开销大的场景 - Vue 3.2+ 可用