Vendosja e Përpunuesve të Ngjarjeve në Vue

Tani le të ekzekutojmë metodën tonë nga ndonjë ngjarje. Për të vendosur një ngjarje në një element DOM, duhet të përdorni direktivën v-on.

Në këtë direktivë, pas dy pikëve duhet të specifikoni emrin e ngjarjes, dhe si vlerë - emrin e metodës që duhet të thirret kur ndodh ajo ngjarje.

Le ta provojmë në praktikë. Le të themi se kemi metodën e mëposhtme:

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

Le të themi se kemi butonin e mëposhtëm:

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

Le të bëjmë që me një klikim në këtë buton të thirret metoda show:

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

Zakonisht të gjithë përdorin versionin e shkurtuar të v-on. Ai përfaqësohet nga simboli @ përpara emrit të ngjarjes:

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

Bëni një buton, me klikim në të cilin nëpërmjet alert do të shfaqet data aktuale.

Modifikoni detyrën e mëparshme në mënyrë që alert të mos shfaqet me klikim, por me kalim të miut.