Skip to main content

Перелічіть усі хуки життєвого циклу.

VueJunior~1 хв читання
Запропонувати правку

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

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

  1. beforeCreate
  2. created

Монтаж (mounting)

  1. beforeMount
  2. mounted

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

  1. beforeUpdate
  2. updated

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

  1. beforeUnmount (Vue 3) (у Vue 2 - beforeDestroy)
  2. unmounted (Vue 3) (у Vue 2 - destroyed)

Робота з <keep-alive>

  1. activated
  2. deactivated

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

  1. 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

Оновлення

  1. onBeforeUpdate
  2. onUpdated

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

  1. onBeforeUnmount
  2. onUnmounted

Робота з <keep-alive>

  1. onActivated
  2. onDeactivated

Помилки

  1. onErrorCaptured

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

  1. onRenderTracked
  2. onRenderTriggered

SSR

  1. onServerPrefetch

Очищення в composables

  1. 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

Коротка відповідь

Для співбесіди
Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.

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