Dodeljevanje prijemalnikov dogodkov v Vue

Zdaj zaženimo našo metodo ob kakšnem dogodku. Če želimo dodeliti dogodek kateremu koli DOM elementu, moramo uporabiti direktivo v-on.

V tej direktivi moramo po dvopičju določiti ime dogodka, vrednost pa naj bo ime metode, ki jo želimo poklicati ob nastopu tega dogodka.

Poskusimo v praksi. Recimo, da imamo naslednjo metodo:

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

Recimo, da imamo naslednji gumb:

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

Naredimo tako, da ob kliku na ta gumb pokliče metodo show:

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

Običajno vsi uporabljajo skrajšano različico v-on. Predstavlja simbol @ pred imenom dogodka:

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