Dodeljevanje prijemalnikov dogodkov v Vue

Zdaj zaženimo našo metodo ob kakšnem dogodku. Če želimo dodeliti dogodek kateremu koli DOM elementu, moramo uporabiti direktivo v-on.

V tej direktivi moramo po dvopičju določiti ime dogodka, vrednost pa naj bo ime metode, ki jo želimo poklicati ob nastopu tega dogodka.

Poskusimo v praksi. Recimo, da imamo naslednjo metodo:

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

Recimo, da imamo naslednji gumb:

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

Naredimo tako, da ob kliku na ta gumb pokliče metodo show:

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

Običajno vsi uporabljajo skrajšano različico v-on. Predstavlja simbol @ pred imenom dogodka:

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

Naredite gumb, ob kliku na katerega se prek alert prikaže trenutni datum.

Spremenite prejšnjo nalogo tako, da se alert prikaže ne ob kliku, temveč ob premiku miške nanj.