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

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

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

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

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

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

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

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

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

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

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

Рубрики
Vue.js Vue компонент.script.data Vue вызов в компоненте Vue компонент.template

Интерполяция в компоненте Vue

  • Вывод динамически изменяемых или реактивных данных в компоненте
    переменных data
<template>
{{ Значение }}
</template>