Rääkige Vue komponendi elutsüklist.

Vue komponendi elutsükkel on järjestus etappidest, mille kaudu komponent läbib alates loomise hetkest kuni hävitamiseni. Elutsükli peamised etapid ja vastavad hookid:

1. Loomine (Creation)

   • beforeCreate — initsialiseerimine, andmed ja sündmused pole veel saadaval.
   • created — andmed ja meetodid on juba saadaval, kuid DOM ei ole veel monteeritud.

2. Paigaldamine (Mounting)

   • beforeMount — enne DOM-i paigaldamist.
   • mounted — komponent on paigaldatud, saab DOM-iga töötada.

3. Uuendamine (Updating)

   • beforeUpdate — enne andmete uuendamist ja uuesti joonistamist.
   • updated — pärast DOM-i uuendamist.

4. Kustutamine (Unmounting)

   • beforeUnmount — enne komponendi eemaldamist.
   • unmounted — pärast komponendi eemaldamist DOM-ist.

Need hookid võimaldavad käivitada koodi õigeaegselt, näiteks andmete initsialiseerimine, sündmustele registreerumine, ressursside vabastamine.

Näide hooki kasutamisest:

export default {
  mounted() {
    console.log('Komponent on paigaldatud');
  },
  beforeUnmount() {
    console.log('Komponent eemaldatakse');
  }
}