Встречается на собеседованиях • сегодня

Какие знаешь хуки жизненного цикла во Vue

В Vue 3 Composition API основные хуки жизненного цикла:

  • onBeforeMount - перед монтированием DOM
  • onMounted - после монтирования компонента
  • onBeforeUpdate - перед обновлением реактивных данных
  • onUpdated - после обновления DOM
  • onBeforeUnmount - перед размонтированием
  • onUnmounted - после удаления компонента
  • onErrorCaptured - перехват ошибок в дочерних компонентах

Пример использования:

js
import { onMounted, onUnmounted } from 'vue'

setup() {
  onMounted(() => {
    console.log('Component mounted')
  })
  
  onUnmounted(() => {
    console.log('Component destroyed')
  })
}

В Options API аналогичные хуки называются без префикса on: beforeMount, mounted и т.д.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы