Porozprávajte o životnom cykle Vue komponenty.

Životný cyklus komponenty Vue je sled krokov, ktorými prechádza komponent od vytvorenia po zničenie. Hlavné fázy životného cyklu a zodpovedajúce hooky:

1. Vytvorenie (Creation)

   • beforeCreate — inicializácia, údaje a udalosti ešte nie sú dostupné.
   • created — údaje a metódy sú už dostupné, ale DOM ešte nie je namontovaný.

2. Montáž (Mounting)

   • beforeMount — pred namontovaním do DOM.
   • mounted — komponent je namontovaný, s DOM sa dá pracovať.

3. Aktualizácia (Updating)

   • beforeUpdate — pred aktualizáciou údajov a opätovným vykreslením.
   • updated — po aktualizácii DOM.

4. Demontáž (Unmounting)

   • beforeUnmount — pred odstránením komponentu.
   • unmounted — po odstránení komponentu z DOM.

Tieto hooky umožňujú spúšťať kód v určitých momentoch, napríklad inicializovať údaje, odoberať udalosti, uvoľniť zdroje.

Príklad použitia hooku:

export default {
  mounted() {
    console.log('Komponent je namontovaný');
  },
  beforeUnmount() {
    console.log('Komponent bude odstránený');
  }
}