Vue.js: What is the difference between onBeforeUnmount and onUnmounted in Vue?

1import { onBeforeUnmount, onUnmounted, ref } from "vue"
2
3export default {
4    setup() {
5        const interval = ref(null)
6        
7        onBeforeUnmount(() => {
8            console.log("Before destroy")
9            // Component still exists
10        })
11        
12        onUnmounted(() => {
13            console.log("After destroy")
14            clearInterval(interval.value)
15        })
16        
17        onMounted(() => {
18            interval.value = setInterval(() => {}, 1000)
19        })
20        
21        return { }
22    }
23}