Какой жизненный цикл проходит компонент Vue

Компонент Vue проходит несколько этапов жизненного цикла:

1. Создание:

   • beforeCreate – до инициализации реактивности и событий
   • created – данные реактивны, но DOM ещё не создан

2. Монтирование:

   • beforeMount – перед первым рендером
   • mounted – компонент добавлен в DOM

3. Обновление (при изменении данных):

   • beforeUpdate – перед перерендером
   • updated – после обновления DOM

4. Размонтирование:

   • beforeUnmount (Vue 3) / beforeDestroy (Vue 2) – перед удалением
   • unmounted (Vue 3) / destroyed (Vue 2) – после удаления

Пример хука:

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