Kuweka Vichungi wa Matukio katika Vue

Wacha sasa tuzindue njia yetu kwa tukio lolote. Ili kuweka tukio kwenye kipengele chochote cha DOM, unahitaji kutumia diraktiva v-on.

Katika diraktiva hii baada ya kolon inahitajika kubainisha jina la tukio, na thamani - jina la njia, ambayo inahitaji kuitwa kufuatia tukio hilo.

Wacha tujaribu kwa vitendo. Wacha tuwe na njia ifuatayo:

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

Wacha tuwe na kifungo kifuatacho:

<template>
	<button>maandishi</button>
</template>

Wacha tufanye ili kwa kubonyeza kwenye kifungo hiki ite njia show:

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

Kawaida watu wote hutumia toleo lililofupishwa la v-on. Linawakilisha ishara @ mbele ya jina la tukio:

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

Tengeneza kifungo, ambacho kwa kubonyeza juu yake kupitia alert itatolewa tarehe ya sasa.

Badilisha shida iliyopita ili alert itolewe si kwa kubonyeza, bali kwa kuweka kielekezi cha kinyonga.