Жизненный цикл компонента Vue.js — это набор хуков, которые вызываются на различных этапах его существования: от создания до уничтожения.
Основные хуки:
Создание:
beforeCreate: Компонент создан, но данные и методы еще не инициализированы.created: Компонент создан, данные и методы инициализированы, но DOM еще не отрисован.Монтирование:
beforeMount: Шаблон скомпилирован, но компонент еще не вставлен в DOM.mounted: Компонент вставлен в DOM, можно получить доступ к элементам DOM через $el.Обновление:
beforeUpdate: Данные компонента изменились, но DOM еще не обновлен.updated: DOM обновлен после изменения данных.Размонтирование:
beforeUnmount: Компонент собирается быть удаленным из DOM. Здесь можно очистить таймеры, слушатели событий и т.д.unmounted: Компонент удален из DOM.Кроме основных, есть хуки для отладки (Debug) и работы с ошибками (Error Handling):
renderTracked: Отслеживает реактивные зависимости во время рендеринга.renderTriggered: Вызывается, когда компонент должен быть повторно отрендерен из-за изменения реактивного состояния.errorCaptured: Перехватывает ошибки, возникшие в дочерних компонентах.javascript