Vue.js: What is the difference between onActivated and onDeactivated?

onActivated — keep-alive mount. onDeactivated — keep-alive unmount.

onActivated:

• Component re-activated.
• Keep-alive.
• Refresh data.

onDeactivated:

• Component deactivated.
• Keep-alive.
• Cleanup.

1<script setup>
2import { onActivated, onDeactivated } from "vue"
3
4onActivated(() => {
5  console.log("Activated")
6})
7
8onDeactivated(() => {
9  console.log("Deactivated")
10})
11</script>

Key: Hooks for keep-alive components.