Parla del ciclo di vita di un componente Vue.

Il ciclo di vita di un componente Vue è la sequenza di fasi attraverso le quali passa un componente dalla creazione alla distruzione. Le principali fasi del ciclo di vita e i relativi hook:

1. Creazione (Creation)

   • beforeCreate — inizializzazione, dati ed eventi non ancora disponibili.
   • created — dati e metodi sono già disponibili, ma il DOM non è ancora montato.

2. Montaggio (Mounting)

   • beforeMount — prima del montaggio nel DOM.
   • mounted — il componente è montato, si può lavorare con il DOM.

3. Aggiornamento (Updating)

   • beforeUpdate — prima dell'aggiornamento dei dati e del rerender.
   • updated — dopo l'aggiornamento del DOM.

4. Smontaggio (Unmounting)

   • beforeUnmount — prima di rimuovere il componente.
   • unmounted — dopo aver rimosso il componente dal DOM.

Questi hook permettono di eseguire codice in momenti specifici, ad esempio, inizializzare dati, sottoscriversi a eventi, liberare risorse.

Esempio di utilizzo di un hook:

export default {
  mounted() {
    console.log('Il componente è montato');
  },
  beforeUnmount() {
    console.log('Il componente sarà rimosso');
  }
}