Что такое хуки жизненного цикла во Vue

Хуки жизненного цикла в Vue — это специальные функции, которые вызываются на разных этапах существования компонента. Они позволяют выполнять код в определённые моменты, например, при создании, обновлении или удалении компонента.

Основные хуки:

• beforeCreate — до инициализации данных и событий
• created — после инициализации данных, но до монтирования DOM
• beforeMount — перед рендерингом шаблона
• mounted — после первого рендера (DOM доступен)
• beforeUpdate — при изменении данных, но до обновления DOM
• updated — после обновления DOM
• beforeUnmount — перед удалением компонента
• unmounted — после удаления компонента

Пример:

export default {
  mounted() {
    console.log('Компонент отрендерен');
    this.fetchData(); // Вызов метода после монтирования
  },
  methods: {
    fetchData() { /* ... */ }
  }
}

Хуки помогают управлять побочными эффектами, подписками и очисткой ресурсов.