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

Какие знаешь хуки у компонентов Vue второй версии

В Vue 2 есть несколько хуков жизненного цикла компонента:

  1. beforeCreate – вызывается до инициализации данных и событий.
  2. created – данные и события инициализированы, но DOM ещё не сгенерирован.
  3. beforeMount – перед первым рендером компонента.
  4. mounted – компонент отрендерен и добавлен в DOM.
  5. beforeUpdate – перед обновлением компонента (изменение данных).
  6. updated – после обновления компонента.
  7. beforeDestroy – перед удалением компонента.
  8. destroyed – компонент удалён.

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

javascript
export default {
  created() {
    console.log('Данные доступны, но DOM ещё нет');
  },
  mounted() {
    console.log('Компонент в DOM');
  },
  beforeDestroy() {
    console.log('Очистка таймеров или подписок');
  }
}
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

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

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

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