Рубрики
Vue.js Жизнь компонента Vue Vue project

Разновидности хуков в Vue

beforeCreate
хук
он вызывается в тот момент, когда компонент ещё не был создан. На этом этапе инициализируются события и инициализируется жизненный цикл. Сам хук является достаточно редким кейсом в использовании.

cretaed
хук
в этот момент в компонент добавляются различные инъекции и реактивность. В этом хуке можно делать какую то дефолтную реализацию, проверять какие то условия

Отрабатывает рендер функция

beforeMount
хук
отрабатывает до того, когда компонент монтируется в дерево

mounted
хук
отрабатывает, когда компонент полностью монтирован в дерево. Он часто используемый. Его мы можем использовать для запросов на сервер. Компонент монтировался, запрос сделали и сразу какие то данные отрисовали.

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

beforeUpdate
хук
отрабатывает перед обновлением

update
хук
отрабатывает после

компонент демонтируется
делается очистка.
отписываемся от каких то событий, очищаем stor

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *