Вокунии ҳодисаҳоро дар 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 бо клик накарда, балки бо нишон додани муш чоп шавад.