Какие хуки жизненного цикла существуют у Vue-компонента?

Question

Vue-компонент проходит несколько этапов: создание, монтирование, обновление и уничтожение. Для каждого этапа существуют специальные хуки жизненного цикла. Они позволяют выполнять код в нужный момент времени. Например, инициализировать данные или очистить ресурсы. Знание этих хуков важно для управления логикой компонента.

YeaHub · Accepted Answer

Жизненный цикл компонента во Vue описывает последовательность этапов от создания до удаления из DOM. На каждом этапе можно выполнить пользовательскую логику.Хуки до создания компонентаНа этом этапе компонент ещё не связан с DOM и данными.beforeCreateДанные и вычисляемые свойства ещё недоступныИспользуется редкоcreatedДанные и методы уже доступныDOM ещё не созданПодходит для инициализации данных и запросовХуки монтированияЭтап добавления компонента в DOM.beforeMountШаблон скомпилированDOM ещё не вставленmountedКомпонент вставлен в DOMМожно работать с DOM-элементамиХуки обновленияВызываются при изменении реактивных данных.beforeUpdateДанные обновилисьDOM ещё не перерисованupdatedDOM синхронизирован с даннымиХуки уничтоженияИспользуются для очистки ресурсов.beforeUnmountКомпонент ещё существуетПодходит для отписки от событийunmountedКомпонент удалён из DOMВсе связи разорваныВыводХуки жизненного цикла позволяют точно контролировать поведение компонента на каждом этапе его существования, от инициализации до полного удаления.