Додавање руковаоца догађајима у Vue

Хајде сада да покренемо наш метод по неком догађају. Да би се додао догађај на неки DOM елемент, потребно је користити директиву v-on.

У овој директиви после двотачке потребно је навести име догађаја, а као вредност - име метода који треба позвати по настајању тог догађаја.

Хајде да пробамо у пракси. Претпоставимо да имамо следећи метод:

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

Претпоставимо да имамо следеће дугме:

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

Хајде да направимо да се при клику на ово дугме позива метод show:

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

Обично сви користе скраћену варијанту v-on. Она представља симбол @ испред имена догађаја:

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

Направите дугме, при клику на које преко alert ће се приказати тренутни датум.

Модификујте претходни задатак тако да се alert приказује не при клику, већ при преласку мишем преко дугмета.