Přidávání obslužných rutin událostí ve Vue

Nyní spusťme naši metodu na základě nějaké události. K přidání události na nějaký DOM prvek je třeba použít direktivu v-on.

V této direktivě je za dvojtečkou třeba uvést název události, a jako hodnotu - název metody, která má být volána při výskytu této události.

Pojďme to vyzkoušet v praxi. Předpokládejme, že máme následující metodu:

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

Předpokládejme, že máme následující tlačítko:

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

Udělejme, aby při kliknutí na toto tlačítko byla volána metoda show:

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

Obvykle se používá zkrácená verze v-on. Představuje ji symbol @ před názvem události:

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

Vytvořte tlačítko, při jehož kliknutí se přes alert zobrazí aktuální datum.

Upravte předchozí úlohu tak, aby se alert zobrazoval ne při kliknutí, ale při najetí myší.