⚙️ 1. beforeCreate
- компонент создаётся
- data, computed ещё НЕ доступны
⚙️ 2. created
- данные уже есть
- DOM ещё не создан
- идеально для API запросов (если не нужен DOM)
⚙️ 3. beforeMount
- шаблон скомпилирован
- DOM ещё не вставлен в страницу
⚙️ 4. mounted ⭐ (самый важный)
- DOM уже готов
- можно работать с DOM, библиотеками, canvas
🔁 5. beforeUpdate
- данные изменились
- DOM ещё не обновился
🔁 6. updated
- DOM уже обновлён
❌ 7. beforeUnmount
- компонент удаляется
- очистка таймеров, подписок
❌ 8. unmounted
- компонент полностью удалён
Anastasiia Berest
Senior Web UI Engineer
I'm a web development passionate about creating meaningful digital experiences.