Запропонувати правку

Покращити цю статтю

Допрацюйте відповідь до «Перелічіть усі хуки життєвого циклу.». Ваші зміни проходять модерацію перед публікацією.

Потрібне підтвердження

Контент

Що ви змінюєте

Заголовок (UA)

Коротка відповідь (UA)

Показується над повною відповіддю для швидкого нагадування.

Відповідь (UA)

## **Хуки життєвого циклу - Options API (Vue 2 і Vue 3)**

### **Ініціалізація**

1. **beforeCreate**
2. **created**

### **Монтаж (mounting)**

3. **beforeMount**
4. **mounted**

### **Оновлення (updating)**

5. **beforeUpdate**
6. **updated**

### **Розмонтування (unmounting)**

7. **beforeUnmount** *(Vue 3)*
(у Vue 2 - **beforeDestroy**)
8. **unmounted** *(Vue 3)*
(у Vue 2 - **destroyed**)

### **Робота з** `<keep-alive>`

9. **activated**
10. **deactivated**

### **Обробка помилок**

11. **errorCaptured**

---

## **Хуки життєвого циклу - Composition API (Vue 3)**

Імпортуються з `vue`:

```js
import {
  onBeforeMount,
  onMounted,
  onBeforeUpdate,
  onUpdated,
  onBeforeUnmount,
  onUnmounted,
  onActivated,
  onDeactivated,
  onErrorCaptured,
  onRenderTracked,
  onRenderTriggered,
  onServerPrefetch,
  onScopeDispose
} from 'vue'
```

### **Монтаж**

1. **onBeforeMount**
2. **onMounted**

### **Оновлення**

3. **onBeforeUpdate**
4. **onUpdated**

### **Розмонтування**

5. **onBeforeUnmount**
6. **onUnmounted**

### **Робота з** `<keep-alive>`

7. **onActivated**
8. **onDeactivated**

### **Помилки**

9. **onErrorCaptured**

### **Налагодження реактивності**

10. **onRenderTracked**
11. **onRenderTriggered**

### **SSR**

12. **onServerPrefetch**

### **Очищення в composables**

13. **onScopeDispose**

---

## Важливе для співбесіди

- Options API і Composition API - ланцюжки хуків **різні**.
- У Vue 3 хуки розмонтування мають нові назви:
**beforeUnmount / unmounted** замість **beforeDestroy / destroyed**.
- У Composition API більше хуків, особливо для налагодження і SSR.

---

## Підсумковий список (коротко)

#### Options API:

```
beforeCreate
created
beforeMount
mounted
beforeUpdate
updated
beforeUnmount (beforeDestroy)
unmounted (destroyed)
activated
deactivated
errorCaptured
```

#### Composition API:

```
onBeforeMount
onMounted
onBeforeUpdate
onUpdated
onBeforeUnmount
onUnmounted
onActivated
onDeactivated
onErrorCaptured
onRenderTracked
onRenderTriggered
onServerPrefetch
onScopeDispose
```

Markdown · перетягуйте зображення · ⌘B / ⌘I шорткати229 слів

Для рев’юера

Примітка для модератора (необов’язково)

Бачить лише модератор. Прискорює рев’ю.