はなちるのマイノート

Unityをメインとした技術ブログ。自分らしくまったりやっていきたいと思いますー!

【Vue.js】メソッドイベントハンドラの定義の仕方

はじめに

以前属性のデータバインディングについて紹介をさせていただいたのですが、このメソッドイベントハンドラの定義も個人的に忘れやすい定義の一つだと思います。
【Vue.js】属性のデータバインディングをする方法 - はなちるのマイノート

なので自分への備忘録としての意味合いも込めて残しておきたいと思います。

やり方

v-onディレクティブを用いてこのように定義します。

<button v-on:click="handleClick">クリック</button>

これなら分かりやすいのですが、やはりこちらにも前回同様省略する方法があります。

<button @click="handleClick">クリック</button>

さいごに

やっぱり省略した形をみると、あれなんだっけ?とよくなってしまいます。

早く慣れたいですね・・・。