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

1import { onActivated, onDeactivated } from "vue"
2
3export default {
4    setup() {
5        onActivated(() => {
6            console.log("Component activated")
7            // Fetch fresh data
8        })
9        
10        onDeactivated(() => {
11            console.log("Component deactivated")
12            // Pause timers, save state
13        })
14        
15        return { }
16    }
17}