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

Question

Отписываться от событий следует перед уничтожением компонента. В Vue для этого используются хуки beforeUnmount и unmounted. В Vue 2 аналогами являются beforeDestroy и destroyed. Это гарантирует, что компонент больше не будет реагировать на внешние события. Такой подход предотвращает ошибки и утечки памяти.

YeaHub · Accepted Answer

Правильный момент для очистки ресурсов — этап уничтожения компонента.Основные хуки для отпискиbeforeUnmountКомпонент ещё существуетЕсть доступ к состоянию и методамРекомендуемый хук для очисткиunmountedКомпонент уже удалён из DOMИспользуется режеДля Vue 2:beforeDestroydestroyedПример корректной отпискиmounted() {
  window.addEventListener('resize', this.onResize);
},
beforeUnmount() {
  window.removeEventListener('resize', this.onResize);
}
Особые случаиПри использовании keep-alive:beforeUnmount не вызываетсяочистку логики переносят в deactivatedВыводПодписки и события следует очищать в хуках уничтожения компонента, чтобы избежать утечек памяти и некорректного поведения.