Vue komponentinin həyat dövrü haqqında danışın.

Vue komponentinin həyat dövrü — bu, komponentin yaradılmasından məhv olunmasına qədər keçdiyi mərhələlərin ardıcıllığıdır. Həyat dövrünün əsas mərhələləri və müvafiq hooklar:

1. Yaradıcılıq (Creation)

   • beforeCreate — ilkinləşdirmə, məlumatlar və hadisələr hələ mövcud deyil.
   • created — məlumatlar və metodlar artıq mövcuddur, lakin DOM hələ montaj olunmayıb.

2. Montaj (Mounting)

   • beforeMount — DOM-a montajdan əvvəl.
   • mounted — komponent montaj olunub, DOM ilə işləmək olar.

3. Yeniləmə (Updating)

   • beforeUpdate — məlumatların yenilənməsi və yenidən cizilməsi əvvəl.
   • updated — DOM yeniləndi.

4. Yığma (Unmounting)

   • beforeUnmount — komponentin silinməsindən əvvəl.
   • unmounted — komponent DOM-dan silindi.

Bu hooklar, məsələn, məlumatları başlatmaq, hadisələrə abunə olmaq, resursları sərbəst buraxmaq üçün istifadə oluna bilər.

Hook istifadəsinin nümunəsi:

export default {
  mounted() {
    console.log('Komponent montaj olundu');
  },
  beforeUnmount() {
    console.log('Komponent silinəcək');
  }
}