Vue-da hadysa işleýjilerini berkitmek

Indi bir hadysa boyunça metodymyzy işledeli. Bir DOM elementine hadysa berkidip üçin v-on direktiwasyndan peýdalanylmagyň zerurlygyny ýatda saklaň.

Bu direktiwada iki nokatdan soň hadysanyň adyny, hasiýet hökmünde bolsa şol hadysa ýüze çykan wagty çaýrylmagy zerur bolan metoduň adyny görkezmeli.

Geliň amalda synap göreli. Aşakdaky metod bizde bar diýeli:

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

Aşakdaky düwme bizde bar diýeli:

<template>
	<button>tekst</button>
</template>

Geliň şu düwmä basylanda show metodu çaýrylsyn:

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

Adatça, v-on direktiwasynyň gysgaldylan görnüşi ulanylýar. Ol @ nyşany bilen hadysanyň adyndan öň gelýär:

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

Basylanda alert arkaly häzirki seneni görkezýän düwme düzüň.

Öňki meseläni üýtgediň, şeýlelikde alert basylyşda däl-de, çyzyk üstüne gelende görkezilsin.