Directives: v-bind, v-model, v-if & v-for

Control HTML rendering with Vue directives: two-way binding with v-model, conditional v-if, and looping with v-for.

Directives & Shorthands

v-bind:href -> Shorthand :href

v-on:click -> Shorthand @click

v-model: Two-way reactive data binding on form inputs.

v-for="item in items" :key="item.id": Renders lists with trackable virtual DOM keys.

Google AdSense Slot (inContentBanner)

Set your Publisher ID in src/config/ads.ts to display live ads.

+15 XP

What is the concise template shorthand for v-on:click in Vue?