Ispričajte o životnom ciklusu Vue komponente.

Životni ciklus Vue komponente je niz faza kroz koje komponenta prolazi od kreiranja do uništenja. Glavne faze životnog ciklusa i odgovarajući hook-ovi:

1. Kreiranje (Creation)

   • beforeCreate — inicijalizacija, podaci i događaji još nisu dostupni.
   • created — podaci i metode su već dostupni, ali DOM još nije montiran.

2. Montiranje (Mounting)

   • beforeMount — pre montiranja u DOM.
   • mounted — komponenta je montirana, može se raditi s DOM-om.

3. Ažuriranje (Updating)

   • beforeUpdate — pre ažuriranja podataka i ponovnog crtanja.
   • updated — nakon ažuriranja DOM-a.

4. Demontiranje (Unmounting)

   • beforeUnmount — pre uklanjanja komponente.
   • unmounted — nakon uklanjanja komponente iz DOM-a.

Ovi hook-ovi omogućavaju izvršavanje koda u određenim trenucima, na primer, inicijalizacija podataka, pretplata na događaje, oslobađanje resursa.

Primer korišćenja hook-a:

export default {
  mounted() {
    console.log('Komponenta je montirana');
  },
  beforeUnmount() {
    console.log('Komponenta će biti uklonjena');
  }
}