Try It Yourself - SyntaxStudy Editor

HTML / CSS / JS

<template>
  
  <button @click="count++">Increment ({{ count }})</button>

<button @click="resetCount">Reset</button>

<button @click="addAmount(5)">Add 5</button>

<button @click="handleClick($event)">Log Event</button>

<form @submit.prevent="onSubmit">
    <input @keyup.enter="onSubmit" v-model="inputVal" />
    <button type="submit">Submit</button>
  </form>

<button @click.once="initOnce">Initialize (once)</button>
</template>

const count    = ref(0);
const inputVal = ref('');