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:
export default {
data() {
},
methods: {
}
}
Voor de beknoptheid zal ik hierna in verkorte vorm schrijven, zoals dit:
methods: {
}
Laten we een testmethode maken:
methods: {
show: function() {
alert('!');
}
}
Laten we deze methode in de view aanroepen. In dit geval werkt het onmiddellijk bij het laden van de pagina:
<template>
{{ show() }}
</template>
Maak een methode die de
huidige datum weergeeft via alert.