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>