Расскажите о жизненном цикле компонента Vue.

Жизненный цикл компонента Vue — это последовательность этапов, через которые проходит компонент от создания до уничтожения. Основные стадии жизненного цикла и соответствующие хуки:

1. Создание (Creation)

   • beforeCreate — инициализация, данные и события ещё не доступны.
   • created — данные и методы уже доступны, но DOM ещё не смонтирован.

2. Монтирование (Mounting)

   • beforeMount — перед монтированием в DOM.
   • mounted — компонент смонтирован, можно работать с DOM.

3. Обновление (Updating)

   • beforeUpdate — перед обновлением данных и перерисовкой.
   • updated — после обновления DOM.

4. Размонтирование (Unmounting)

   • beforeUnmount — перед удалением компонента.
   • unmounted — после удаления компонента из DOM.

Эти хуки позволяют выполнять код в нужные моменты, например, инициализировать данные, подписываться на события, освобождать ресурсы.

Пример использования хука:

export default {
  mounted() {
    console.log('Компонент смонтирован');
  },
  beforeUnmount() {
    console.log('Компонент будет удалён');
  }
}