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 босилганда эмас, балки сичқонча курсори устига олинганда чиқсин.