Весь жизненный цикл можно поделить на несколько этапов.

1-й этап это инициализация beforeCreate. Инициализируется событие и сам жизненный цикл.

2-й этап инициализация реактивности и инъекций - created.

3-й и 4-й этап идет монтирование компонента. Вызываются 2 хука beforeMount и mounted - на данном этапе рекомендуется делать различные запросы к серверу, сайт эффекты и т.д. Поскольку компонент уже готов к использованию. Html дерево уже готово и шаблон из нашего компонента отрендерился/отрисовался.

5-й и 6-й этап, обновление компонента beforeUpdate, updated - изменилось значение какой то модели и в этот момент вызываются эти 2 хука.

Последний этап 7-й 8-й это демонтирование компонента. Компонент удаляется из DOM-дерева и вызываются 2 хука beforeDestroy и destroyed - здесь рекомендуется делать какую либо очистку, удалять слушатели события.

Жизненный цикл компонента