Vertel over de levenscyclus van een Vue-component.

De levenscyclus van een Vue-component is de reeks fasen die een component doorloopt van creatie tot vernietiging. De belangrijkste fasen van de levenscyclus en de bijbehorende hooks:

1. Creatie (Creation)

   • beforeCreate — initialisatie, gegevens en gebeurtenissen zijn nog niet beschikbaar.
   • created — gegevens en methoden zijn al beschikbaar, maar de DOM is nog niet gemonteerd.

2. Mounting (Montage)

   • beforeMount — vóór het monteren in de DOM.
   • mounted — de component is gemonteerd, je kunt met de DOM werken.

3. Bijwerken (Updating)

   • beforeUpdate — vóór het bijwerken van gegevens en hertekenen.
   • updated — na het bijwerken van de DOM.

4. Ontmontage (Unmounting)

   • beforeUnmount — vóór het verwijderen van de component.
   • unmounted — nadat de component uit de DOM is verwijderd.

Deze hooks maken het mogelijk om code uit te voeren op specifieke momenten, bijvoorbeeld gegevens initialiseren, op gebeurtenissen abonneren, resources vrijmaken.

Voorbeeld van het gebruik van een hook:

export default {
  mounted() {
    console.log('De component is gemonteerd');
  },
  beforeUnmount() {
    console.log('De component wordt verwijderd');
  }
}