Povězte o životním cyklu komponenty Vue.

Životní cyklus komponenty Vue je sled kroků, který komponenta prochází od vytvoření po zničení. Hlavní fáze životního cyklu a odpovídající hooky:

1. Vytvoření (Creation)

   • beforeCreate — inicializace, data a události ještě nejsou dostupné.
   • created — data a metody jsou již dostupné, ale DOM ještě není namontován.

2. Montáž (Mounting)

   • beforeMount — před namontováním do DOM.
   • mounted — komponenta je namontována, lze pracovat s DOM.

3. Aktualizace (Updating)

   • beforeUpdate — před aktualizací dat a překreslením.
   • updated — po aktualizaci DOM.

4. Odstranění (Unmounting)

   • beforeUnmount — před odstraněním komponenty.
   • unmounted — po odstranění komponenty z DOM.

Tyto hooky umožňují spouštět kód v určitých momentech, například inicializovat data, přihlásit se k událostem, uvolnit zdroje.

Příklad použití hooku:

export default {
  mounted() {
    console.log('Komponenta je namontována');
  },
  beforeUnmount() {
    console.log('Komponenta bude odstraněna');
  }
}