გააზიარეთ Vue კომპონენტის სიცოცხლის ციკლი.

Vue კომპონენტის სიცოცხლის ციკლი — ეს არის ეტაპების სერია, რომლის გავლითაც გადის კომპონენტი შექმნიდან განადგურებამდე. სიცოცხლის ციკლის ძირითადი ეტაპები და შესაბამისი ჰუკები:

1. შექმნა (Creation)

   • beforeCreate — ინიციალიზაცია, მონაცემები და მოვლენები ჯერ კიდევ ხელმისაწვდომი არ არის.
   • created — მონაცემები და მეთოდები უკვე ხელმისაწვდომია, მაგრამ DOM ჯერ არ არის მონტაჟებული.

2. მონტაჟი (Mounting)

   • beforeMount — DOM-ში მონტაჟამდე.
   • mounted — კომპონენტი მონტაჟებულია, მუშაობა DOM-თან შესაძლებელია.

3. განახლება (Updating)

   • beforeUpdate — მონაცემების განახლებისა და გადახატვის წინ.
   • updated — DOM-ის განახლების შემდეგ.

4. განადგურება (Unmounting)

   • beforeUnmount — კომპონენტის წაშლამდე.
   • unmounted — კომპონენტი DOM-დან ამოღებულია.

ეს ჰუკები საშუალებას აძლევს კოდის შესრულებას საჭირო დროს, მაგალითად, მონაცემების ინიციალიზაცია, მოვლენებზე გამოწერა, რესურსების გათავისუფლება.

ჰუკის გამოყენების მაგალითი:

export default {
  mounted() {
    console.log('კომპონენტი მონტაჟებულია');
  },
  beforeUnmount() {
    console.log('კომპონენტი წაიშლება');
  }
}