Vue.js: What is the difference between onBeforeUpdate and onUpdated in Vue?

1import { onBeforeUpdate, onUpdated, ref } from "vue"
2
3export default {
4    setup() {
5        const count = ref(0)
6        const el = ref(null)
7        
8        onBeforeUpdate(() => {
9            console.log("Before update")
10            // Old DOM state
11        })
12        
13        onUpdated(() => {
14            console.log("After update")
15            // New DOM state
16        })
17        
18        return { count, el }
19    }
20}