Povezivanje rukovalaca događajima u Vue

Hajde sada da pokrenemo našu metodu preko nekog događaja. Da bismo vezali događaj na neki DOM element, treba da koristimo direktivu v-on.

U ovoj direktivi, posle dvotačke treba navesti ime događaja, a kao vrednost - ime metode koju treba pozvati kada se taj događaj desi.

Hajde da probamo u praksi. Pretpostavimo da imamo sledeću metodu:

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

Pretpostavimo da imamo sledeće dugme:

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

Hajde da postavimo da se na klik na ovo dugme poziva metoda show:

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

Obično se koristi skraćena varijanta v-on. Ona se predstavlja simbolom @ ispred imena događaja:

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

Napravite dugme, na čiji klik preko alert ispisuje trenutni datum.

Izmenite prethodni zadatak tako da se alert ispisuje ne na klik, već na prelazak mišem.