Какие знаешь этапы жизненного цикла компонента во Vue

В Vue 2 есть 8 основных этапов жизненного цикла:

1. beforeCreate - до инициализации данных и событий
2. created - данные и события инициализированы, но DOM ещё не создан
3. beforeMount - перед первым рендерингом
4. mounted - компонент вмонтирован в DOM
5. beforeUpdate - перед обновлением при изменении данных
6. updated - после обновления DOM
7. beforeDestroy - перед уничтожением компонента
8. destroyed - компонент уничтожен

В Vue 3 добавлены хуки onBeforeUnmount и onUnmounted вместо beforeDestroy/destroyed.

Пример:

export default {
  created() {
    console.log('Данные доступны, но DOM нет');
  },
  mounted() {
    console.log('Компонент в DOM');
  }
}