В каких хуках жизненного цикла следует отписываться от событий?

Правильный момент для очистки ресурсов — этап уничтожения компонента.

Основные хуки для отписки

1. beforeUnmount

   • Компонент ещё существует

   • Есть доступ к состоянию и методам

   • Рекомендуемый хук для очистки

2. unmounted

   • Компонент уже удалён из DOM

   • Используется реже

Для Vue 2:

• beforeDestroy

• destroyed

Пример корректной отписки

mounted() {
  window.addEventListener('resize', this.onResize);
},
beforeUnmount() {
  window.removeEventListener('resize', this.onResize);
}

Особые случаи

При использовании keep-alive:

• beforeUnmount не вызывается

• очистку логики переносят в deactivated

Вывод

Подписки и события следует очищать в хуках уничтожения компонента, чтобы избежать утечек памяти и некорректного поведения.