Povezivanje rukovalaca događajima u Vue

Hajde sada da pokrenemo našu metodu preko nekog događaja. Da bismo vezali događaj na neki DOM element, treba da koristimo direktivu v-on.

U ovoj direktivi, posle dvotačke treba navesti ime događaja, a kao vrednost - ime metode koju treba pozvati kada se taj događaj desi.

Hajde da probamo u praksi. Pretpostavimo da imamo sledeću metodu:

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

Pretpostavimo da imamo sledeće dugme:

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

Hajde da postavimo da se na klik na ovo dugme poziva metoda show:

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

Obično se koristi skraćena varijanta v-on. Ona se predstavlja simbolom @ ispred imena događaja:

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