Какие хуки жизненного цикла есть во Vue 3 Composition API?

Хуки жизненного цикла — функции, которые вызываются на определённых этапах существования компонента.

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

• onBeforeMount и onMounted — до и после вставки в DOM. В onMounted доступны DOM-элементы и можно запускать запросы и подписки.
• onBeforeUpdate и onUpdated — до и после обновления DOM из-за изменения данных.
• onBeforeUnmount и onUnmounted — перед удалением и после него. Здесь очищают таймеры и подписки.
• onErrorCaptured — перехват ошибки из потомка.
• onActivated и onDeactivated — для компонентов внутри <KeepAlive>.

import { onMounted, onUnmounted } from 'vue';

let timer;
onMounted(() => { timer = setInterval(tick, 1000); });
onUnmounted(() => clearInterval(timer));

Особенности

• Вместо created и beforeCreate код пишут прямо в setup.
• Хуки регистрируются синхронно внутри setup, иначе они не привяжутся к компоненту.

Коротко для собеседования

Монтируем и подписываемся в onMounted, чистим в onUnmounted. setup заменяет beforeCreate и created.