Sündmuste käitlejate lisamine Vue's
Käivitame nüüd oma meetodi mõne
sündmuse korral. Selleks, et
lisada sündmus mõnele DOM
elemendile, tuleb kasutada direktiivi
v-on.
Selles direktiivis tuleb pärast koolonti määrata sündmuse nimi, ja väärtuseks - meetodi nimi, mida tuleb kutsuda sündmuse toimumisel.
Proovime seda praktikas. Olgem meil järgmine meetod:
methods: {
show: function() {
alert('!');
}
}
Olgem meil järgmine nupp:
<template>
<button>text</button>
</template>
Teeme nii, et klõpsates
sellel nupul kutsutakse välja meetod
show:
<template>
<button v-on:click="show">text</button>
</template>
Tavaliselt kasutatakse lühendatud
varianti v-on. See on
sümbol @ enne
sündmuse nime:
<template>
<button @click="show">text</button>
</template>
Tehke nupp, millele klõpsates
alert kaudu kuvatakse praegune kuupäev.
Muutke eelmist ülesannet nii, et
alert kuvataks mitte klõpsamisel, vaid hiirega viibimisel.
