Vendosja e Përpunuesve të Ngjarjeve në Vue

Tani le të ekzekutojmë metodën tonë nga ndonjë ngjarje. Për të vendosur një ngjarje në një element DOM, duhet të përdorni direktivën v-on.

Në këtë direktivë, pas dy pikëve duhet të specifikoni emrin e ngjarjes, dhe si vlerë - emrin e metodës që duhet të thirret kur ndodh ajo ngjarje.

Le ta provojmë në praktikë. Le të themi se kemi metodën e mëposhtme:

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

Le të themi se kemi butonin e mëposhtëm:

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

Le të bëjmë që me një klikim në këtë buton të thirret metoda show:

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

Zakonisht të gjithë përdorin versionin e shkurtuar të v-on. Ai përfaqësohet nga simboli @ përpara emrit të ngjarjes:

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