Урок 08 · 12 хв

onMounted і завантаження

Після появи в DOM — onMounted. Fetch там або у watch на id.

onMounted(() => { … }) — компонент уже в документі. DOM-вимірювання й первинне завантаження — сюди. onUnmounted знімає таймер. Змінний id із пропа — watch, а не лише mount: інакше зміна користувача на тому самому екрані не завантажить дані.

Перше завантаження

Можна спитати про це правило«Три стани екрана»

onUpdated новачкові майже не потрібен: частіше вистачає computed.
Suspense + async setup — пізніше. Спершу чесний pending.
Ключ :key="id" на компоненті змусить Vue створити його заново — грубий, але зрозумілий спосіб скинути state.

Можна спитати про цей пункт«Суть уроку»

Перевірка

Закріпи, поки не пішов далі

1. onMounted спрацьовує, коли
2. id пропа змінюється на тому самому екрані. Лише onMounted?
3. Доки fetch їде