Kuweka Vichungi wa Matukio katika Vue

Wacha sasa tuzindue njia yetu kwa tukio lolote. Ili kuweka tukio kwenye kipengele chochote cha DOM, unahitaji kutumia diraktiva v-on.

Katika diraktiva hii baada ya kolon inahitajika kubainisha jina la tukio, na thamani - jina la njia, ambayo inahitaji kuitwa kufuatia tukio hilo.

Wacha tujaribu kwa vitendo. Wacha tuwe na njia ifuatayo:

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

Wacha tuwe na kifungo kifuatacho:

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

Wacha tufanye ili kwa kubonyeza kwenye kifungo hiki ite njia show:

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

Kawaida watu wote hutumia toleo lililofupishwa la v-on. Linawakilisha ishara @ mbele ya jina la tukio:

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