Vorbiți despre ciclul de viață al unui component Vue.

Ciclul de viață al unui component Vue reprezintă succesiunea etapelor prin care trece un component de la creare până la distrugere. Principalele etape ale ciclului de viață și hooks-urile corespunzătoare:

1. Creare (Creation)

   • beforeCreate — inițializare, datele și evenimentele nu sunt încă disponibile.
   • created — datele și metodele sunt deja disponibile, dar DOM-ul nu a fost încă montat.

2. Montare (Mounting)

   • beforeMount — înainte de montarea în DOM.
   • mounted — componenta este montată, se poate lucra cu DOM-ul.

3. Actualizare (Updating)

   • beforeUpdate — înainte de actualizarea datelor și re-redare.
   • updated — după actualizarea DOM-ului.

4. Demontare (Unmounting)

   • beforeUnmount — înainte de eliminarea componentei.
   • unmounted — după eliminarea componentei din DOM.

Aceste hooks permit executarea de cod în momentele potrivite, de exemplu, inițializarea datelor, abonarea la evenimente, eliberarea resurselor.

Exemplu de utilizare a unui hook:

export default {
  mounted() {
    console.log('Componenta a fost montată');
  },
  beforeUnmount() {
    console.log('Componenta va fi eliminată');
  }
}