Vue-da hodisa qoplovchilarini biriktirish

Keling, endi bizning metodimizni biror hodisa bilan ishga tushiramiz. Biror DOM elementiga hodisani biriktirish uchun v-on direktivasidan foydalanish kerak.

Ushbu direktivada ikki nuqtadan so‘ng hodisa nomini, qiymat sifatida esa ushbu hodisa yuz berganda chaqiriladigan metod nomini ko‘rsatish kerak.

Keling, amalda sinab ko‘ramiz. Faraz qilaylik, bizda quyidagi metod mavjud:

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

Faraz qilaylik, bizda quyidagi tugma mavjud:

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

Keling, shu tugma bosilganda show metodi chaqirilsin:

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

Odatda hamma v-on ning qisqartirilgan shaklidan foydalanadi. U @ belgisidan va undan keyin hodisa nomidan iborat:

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

alert orqali joriy sanani chiqaradigan tugma yarating.

Oldingi vazifani shunday o‘zgartiringki, alert bosish orqali emas, balki sichqoncha ustiga keltrilganda chiqsin.