Из каких этапов состоит жизненный цикл компонента во Vue и что происходит на каждом этапе?

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

Этапы

1. Создание (beforeCreate → created; в Composition API это сам setup) — инициализируются props, реактивные данные, computed. DOM ещё нет.
2. Монтирование (beforeMount → mounted / onMounted) — шаблон компилируется в render-функцию, создаётся DOM и вставляется на страницу.
3. Обновление (beforeUpdate → updated / onUpdated) — при изменении реактивных данных компонент перерисовывается.
4. Размонтирование (beforeUnmount → unmounted / onUnmounted) — компонент удаляется, здесь снимают слушатели и таймеры.

import { onMounted, onUnmounted } from 'vue';

onMounted(() => window.addEventListener('resize', onResize));
onUnmounted(() => window.removeEventListener('resize', onResize));

Для <KeepAlive> есть ещё activated и deactivated.

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

Создание (данные готовы, DOM нет) → монтирование (DOM готов) → обновления → размонтирование (очистка ресурсов).

Подробнее: Vue — хуки жизненного цикла