Skip to content

masterclass Buddy

Sign in Start learning

Vue.js · Directive

v-on

v-on listens for events and runs a method or inline statement. Its shorthand is @.

Last updated 2 November 2026

Syntax

v-on:event="handler"
@event="handler"

In-depth API docs are only for subscribers: parameters, examples, common mistakes and interview practice.

event modifiers
$event
custom events
v-once

Source: Event Handling | Vue.js. Checked 2026-11-03.