> Какие хуки жизненного цикла существуют во Vue и для чего они нужны (Vue.js)

Во Vue 2 и Vue 3 существуют хуки жизненного цикла, которые позволяют выполнять код на определённых этапах существования компонента. Основные хуки:

• beforeCreate - вызывается до инициализации реактивных данных и событий. Используется редко, например, для настройки нереактивных свойств.

• created - данные и события уже доступны, но DOM ещё не создан. Подходит для запросов к API, инициализации данных.

• beforeMount - перед монтированием шаблона в DOM. Можно выполнить последние изменения перед рендерингом.

• mounted - компонент отрисован в DOM. Используется для работы с DOM, интеграции сторонних библиотек, подписки на события.

• beforeUpdate - перед обновлением данных и перерисовкой. Позволяет получить доступ к старому состоянию.

• updated - после обновления DOM. Избегайте изменения данных здесь, чтобы не вызвать бесконечный цикл.

• beforeUnmount (в Vue 3) / beforeDestroy (в Vue 2) - перед уничтожением компонента. Очистка таймеров, отписка от событий.

• unmounted (в Vue 3) / destroyed (в Vue 2) - после уничтожения. Финальная очистка.

В Vue 3 также добавлены хуки для keep-alive: activated и deactivated. Для Composition API используются аналогичные функции с префиксом on, например onMounted.