Pasakokite apie Vue komponento gyvavimo ciklą.

Vue komponento gyvavimo ciklas yra etapų seka, per kuriuos komponentas eina nuo sukūrimo iki sunaikinimo. Pagrindiniai gyvavimo ciklo etapai ir atitinkami kabliukai:

1. Kūrimas (Creation)

   • beforeCreate — inicializacija, duomenys ir įvykiai dar neprieinami.
   • created — duomenys ir metodai jau prieinami, bet DOM dar nėra pritvirtintas.

2. Montavimas (Mounting)

   • beforeMount — prieš montuojant į DOM.
   • mounted — komponentas yra pritvirtintas, galima dirbti su DOM.

3. Atnaujinimas (Updating)

   • beforeUpdate — prieš duomenų atnaujinimą ir perpiešimą.
   • updated — po DOM atnaujinimo.

4. Išmontavimas (Unmounting)

   • beforeUnmount — prieš komponento pašalinimą.
   • unmounted — po komponento pašalinimo iš DOM.

Šie kabliukai leidžia vykdyti kodą tinkamu metu, pavyzdžiui, inicijuoti duomenis, prenumeruoti įvykius, laisvinti išteklius.

Pavyzdys, kaip naudoti kabliuką:

export default {
  mounted() {
    console.log('Komponentas įmontuotas');
  },
  beforeUnmount() {
    console.log('Komponentas bus pašalintas');
  }
}