Werken met methoden in het Vue-framework

In Vue kun je je eigen functies maken, die in de terminologie van Vue methoden worden genoemd. Hiervoor is de eigenschap methods bestemd. Het is als volgt geplaatst:

App.vueexport default {
  data() {
    
  },
  methods: {
    
  }
}

Voor de beknoptheid zal ik hierna in verkorte vorm schrijven, zoals dit:

App.vuemethods: {
  
}

Laten we een testmethode maken:

App.vuemethods: {
  show: function() {
    alert('!');
  }
}

Laten we deze methode in de view aanroepen. In dit geval werkt het onmiddellijk bij het laden van de pagina:

App.vue<template>
  {{ show() }}
</template>