Vuejs Actions / Events

vuejs-actions-events.js

// Calls addToCart method on component:
<button v-on:click="addToCart">
  
// Shorthand
<button @click="addToCart">
  
// Arguments can be passed:
<button @click="addToCart(product)">
  
// To prevent default behaviour eg. page reload
<form @submit.prevent="addProduct">

// Only trigger once:
<img @mouseover.once="showImage">
 
//Stop all event prpagation
  .stop
  
// Only trigger if event.target is element itself
  .self

// Keyboard entry example
<input @keyup.enter="submit">
  
// Call onCopy when control-c is pressed:
    <input @keyup.ctrl.c="onCopy">