【Vue.js】v-onディレクティブの省略記法

indx.html

<div id="app">
  <button v-on:click="clickHandler">
    click1
  </button>
  <button @click="clickHandler">
    click2
  </button>
</div>

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>

main.js

var app = new Vue({
    el: "#app",
  methods: {
    clickHandler: function() {
        alert('がんばれ')
    }
  }
})

v-on:clickでも@clickでもどちらでも大丈夫。