Vue.js: What is the difference between v-once and v-memo?

v-once — render once. v-memo — conditional re-render.

v-once:

• Static content.
• Never updates.
• Performance.

v-memo:

• Re-render when deps change.
• Fine-grained control.
• Vue 3.2+.

1<template>
2  <!-- v-once -->
3  <div v-once>{{ expensiveCalculation() }}</div>
4
5  <!-- v-memo -->
6  <div v-memo="[value]">{{ value }}</div>
7</template>

Key: v-once for static, v-memo for conditional.