Įvykių apdorojimo funkcijų pridėjimas Vue

Pabandykime paleisti mūsų metodą pagal koki nors įvykį. Norėdami priskirti įvykį kokiam nors DOM elementui, reikia naudoti direktyvą v-on.

Šioje direktyvoje po dvitaškio reikia nurodyti įvykio pavadinimą, o reikšmė - metodo, kurį reikia iškviesti įvykus šiam įvykiui, pavadinimas.

Išbandykime praktiškai. Tarkime, turime šį metodą:

methods: {
	show: function() {
		alert('!');
	}
}

Tarkime, turime šį mygtuką:

<template>
	<button>text</button>
</template>

Padarykime taip, kad paspaudus ant šio mygtuko būtų iškviečiamas metodas show:

<template>
	<button v-on:click="show">text</button>
</template>

Paprastai visi naudoja sutrumpintą v-on variantą. Jis pavaizduojamas simboliu @ prieš įvykio pavadinimą:

<template>
	<button @click="show">text</button>
</template>

Sukurkite mygtuką, kurį paspaudus per alert būtų rodoma dabartinė data.

Modifikuokite ankstesnę užduotį taip, kad alert būtų rodomas ne paspaudus, o užvedus pelę.