1. beforeCreate(): Вызывается до создания экземпляра компонента. На этом этапе еще нет доступа к данным или методам компонента.
2. created(): Этот хук вызывается, когда компонент создан, но еще не помещен в DOM. На этом этапе вы можете инициализировать данные, но они не будут отображены на странице. Проще говоря, в этот момент у вас на странице есть только <div id="app"></div>, и показывать информацию негде. Это подходит для инициализации переменных и настройки компонента.
   В нём можно получить доступ к реактивным данным и активным событиям.
   created больше подходит для извлечения данных из бэкенд-API и назначения их свойствам данных
3. beforeMount(): Вызывается перед добавлением компонента в DOM. Здесь вы можете взаимодействовать с данными, но они еще не отображены на странице.
4. mounted(): Этот хук вызывается, когда компонент уже добавлен в DOM. Здесь вы можете выполнять действия, которые требуют доступа к DOM-элементам, например, загрузку данных с сервера. Обычно функцию загрузки данных помещают именно в mounted(), чтобы отобразить прелоадер до загрузки данных и показать их после этого1.
   Mounted чаще используется, когда нужно интегрировать не-Vue библиотеки.
5. beforeUpdate(): Вызывается перед обновлением компонента. Этот хук позволяет вам выполнить дополнительные действия перед обновлением данных.
6. updated(): Вызывается после обновления компонента. Здесь вы можете взаимодействовать с обновленными данными и DOM.
7. beforeDestroy(): Вызывается перед уничтожением компонента. Этот хук полезен для очистки ресурсов, отмены подписок и т. д.
8. destroyed(): Вызывается после уничтожения компонента. Здесь вы можете выполнять завершающие действия.
9. onActivated — вызывается при активации динамического компонента. 2
10. onDeactivated — вызывается при деактивации динамического компонента. 2
11. onErrorCaptured — вызывается при захвате ошибки из дочернего компонента. 2
12. onServerPrefetch — вызывается перед отрисовкой экземпляра компонента на сервере. 3