Opowiedz o cyklu życia komponentu Vue.

Cykl życia komponentu Vue to sekwencja etapów, przez które przechodzi komponent od utworzenia do zniszczenia. Główne etapy cyklu życia i odpowiadające im hooki:

1. Tworzenie (Creation)

   • beforeCreate — inicjalizacja, dane i zdarzenia jeszcze nie są dostępne.
   • created — dane i metody są już dostępne, ale DOM jeszcze nie jest zamontowany.

2. Montowanie (Mounting)

   • beforeMount — przed zamontowaniem w DOM.
   • mounted — komponent jest zamontowany, można pracować z DOM.

3. Aktualizacja (Updating)

   • beforeUpdate — przed aktualizacją danych i ponownym renderowaniem.
   • updated — po aktualizacji DOM.

4. Odmontowanie (Unmounting)

   • beforeUnmount — przed usunięciem komponentu.
   • unmounted — po usunięciu komponentu z DOM.

Te hooki pozwalają na wykonywanie kodu w odpowiednich momentach, np. inicjalizować dane, subskrybować zdarzenia, zwalniać zasoby.

Przykład użycia hooka:

export default {
  mounted() {
    console.log('Komponent zamontowany');
  },
  beforeUnmount() {
    console.log('Komponent zostanie usunięty');
  }
}