Додавање руковаоца догађајима у 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>