Какая очередность срабатывания хуков жизненного цикла во Vue

В Vue 3 Composition API порядок срабатывания хуков:

1. setup() - инициализация компонента
2. onBeforeMount() - перед монтированием DOM
3. onMounted() - после монтирования DOM
4. onBeforeUpdate() - перед обновлением
5. onUpdated() - после обновления
6. onBeforeUnmount() - перед размонтированием
7. onUnmounted() - после размонтирования

Пример:

import { onMounted, onBeforeMount } from 'vue'

export default {
  setup() {
    onBeforeMount(() => console.log('before mount'))
    onMounted(() => console.log('mounted'))
  }
}

В Options API порядок аналогичный, но хуки называются без on: beforeMount, mounted и т.д. Хуки обновления (beforeUpdate/updated) срабатывают при изменениях реактивных данных.