Разкажете за жизнения цикъл на компонент Vue.

Цикълът на живот на Vue компонента е последователността от етапи, през които преминава компонентът от създаването до унищожаването. Основните етапи на цикъла на живот и съответните хукове:

1. Създаване (Creation)

   • beforeCreate — инициализация, данните и събитията все още не са налични.
   • created — данните и методите вече са налични, но DOM все още не е монтиран.

2. Монтиране (Mounting)

   • beforeMount — преди монтирането в DOM.
   • mounted — компонентът е монтиран, може да работите с DOM.

3. Актуализиране (Updating)

   • beforeUpdate — преди актуализирането на данните и повторното рендиране.
   • updated — след актуализирането на DOM.

4. Разглобяване (Unmounting)

   • beforeUnmount — преди премахването на компонента.
   • unmounted — след премахването на компонента от DOM.

Тези хукове позволяват изпълнение на код в определени моменти, например инициализиране на данни, абониране за събития, освобождаване на ресурси.

Пример за използване на хук:

export default {
  mounted() {
    console.log('Компонентът е монтиран');
  },
  beforeUnmount() {
    console.log('Компонентът ще бъде премахнат');
  }
}