v-on DOM நிகழ்வுகளைக் கேட்கிறது (கிளிக், உள்ளீடு, விசைப்பட்டை அழுத்தங்கள்) மற்றும் ஒரு கையாளரை இயக்குகிறது. இதன் சுருக்க வடிவம் @ ஆகும்.
<script setup>
import { ref } from "vue";
const count = ref(0);
function increment() { count.value++; }
</script>
<template>
<button v-on:click="increment">Full syntax</button>
<button @click="increment">Shorthand (idiomatic)</button>
<button @click="count++">Inline expression</button>
<button @click="increment($event, 'extra')">Pass args + the event</button>
</template>
আপনি একটি முறை பெயர், ஒரு ইনলাইন অভিব্যক্তি, அথবা যুক্তি সহ একটি পদ্ধতিতে কল করতে পারেন। মূল ইভেন্ট অবজেক্ট হিসাবে উপলব্ধ।
