Parlez du cycle de vie d'un composant Vue.

Le cycle de vie d'un composant Vue est la séquence d'étapes par lesquelles passe un composant, de sa création à sa destruction. Les principales étapes du cycle de vie et les hooks correspondants :

1. Création (Creation)

   • beforeCreate — initialisation, données et événements pas encore disponibles.
   • created — données et méthodes disponibles, mais le DOM n'est pas encore monté.

2. Montage (Mounting)

   • beforeMount — avant le montage dans le DOM.
   • mounted — le composant est monté, on peut travailler avec le DOM.

3. Mise à jour (Updating)

   • beforeUpdate — avant la mise à jour des données et la re-rendu.
   • updated — après la mise à jour du DOM.

4. Démontage (Unmounting)

   • beforeUnmount — avant la suppression du composant.
   • unmounted — après la suppression du composant du DOM.

Ces hooks permettent d'exécuter du code à des moments précis, par exemple, initialiser des données, s'abonner à des événements, libérer des ressources.

Exemple d'utilisation d'un hook :

export default {
  mounted() {
    console.log('Le composant est monté');
  },
  beforeUnmount() {
    console.log('Le composant va être supprimé');
  }
}