Зачем нужны хуки жизненного цикла во Vue

Хуки жизненного цикла во Vue позволяют выполнять код на определённых этапах "жизни" компонента: при создании, обновлении или удалении. Они дают контроль над поведением компонента в ключевые моменты.

Основные хуки:

• created – компонент создан (ещё нет DOM)
• mounted – DOM смонтирован
• updated – данные или DOM обновились
• unmounted – компонент удалён

Пример:

export default {
  mounted() {
    // Доступ к DOM после монтирования
    console.log(this.$el.textContent)
  },
  unmounted() {
    // Очистка таймеров или подписок
    clearInterval(this.timerId)
  }
}

Используются для side-эффектов (запросы, подписки), работы с DOM, оптимизации.