Вокунии ҳодисаҳоро дар Vue насб кардан

Биёед ҳоло усули худро барои ягон ҳодиса оғоз кунем. Барои он, ки ҳодисаро ба ягон унсури DOM насб кунем, бояд директиваи v-on истифода шавад.

Дар ин директива пас аз дунуқта бояд номи ҳодиса, арзиш бояд номи усул бошад, ки бо сар зад.

Биёед дар амал санҷем. Бигзор усули зеринро дошта бошем:

App.vuemethods: {
  show: function() {
    alert('!');
  }
}

Бигзор тугмаи зеринро дошта бошем:

App.vue<template>
  <button>text</button>
</template>

Биёед чунин кунем, ки бо клик кардан бар ин тугма усули show даъват шавад:

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

Одатан ҳама шакли кӯтоҳкардаи v-on-ро истифода мебаранд. Он аломати @ аст пеш аз номи ҳодиса:

App.vue<template>
  <button @click="show">text</button>
</template>