Vue komponentining hayot aylanishi haqida gapiring.

Vue komponentining hayot sikli — bu komponentning yaratilishidan to oʻlimigacha boʻlgan bosqichlar ketma-ketligi. Hayot siklining asosiy bosqichlari va mos keladigan hooklar:

1. Yaratilish (Creation)

   • beforeCreate — boshlangʻich, maʼlumotlar va voqealar hali mavjud emas.
   • created — maʼlumotlar va metodlar allaqachon mavjud, ammo DOM hali montaj qilinmagan.

2. Joylashtirish (Mounting)

   • beforeMount — DOM ga joylashtirishdan oldin.
   • mounted — komponent joylashtirildi, DOM bilan ishlash mumkin.

3. Yangilash (Updating)

   • beforeUpdate — maʼlumotlarni yangilash va qayta chizishdan oldin.
   • updated — DOM yangilandi.

4. Yakunlash (Unmounting)

   • beforeUnmount — komponentni olib tashlashdan oldin.
   • unmounted — komponent DOM dan olib tashlandi.

Ushbu hooklar kerakli vaqtlarda kodni bajarishga imkon beradi, masalan, maʼlumotlarni boshlash, voqealarga obuna boʻlish, resurslarni boʻshatish.

Hookdan foydalanish misoli:

export default {
  mounted() {
    console.log('Komponent joylashtirildi');
  },
  beforeUnmount() {
    console.log('Komponent olib tashlanmoqda');
  }
}