メソッドとイベントハンドリング - vue.js

インラインメソッドハンドラメソッド名を直接指定する代わりに、インライン JavaScript 式でメソッドを指定することもできます: <div id="example-3"> <button v-on:click="say('hi')">Say hi</button> <button v-on:click="say('what')">Say what</button> </div> new Vue({ el: '#example-3', methods: { say: function (message) { alert(message) } } }) 結果: 時には、インラインステートメントハンドラでオリジナルの DOM イベントを参照したいこともあるでしょう。特別な $event 変数を使うことでメソッドに DOM イベントを渡すことができます: <button v-on:click=

[uno1994]

v-on:submit.prevent を使うと submit イベントによるページリロードを抑止できる

[nilab]

イベントハンドリング — Vue.js

[takets]

キーイベントのまとめ

[tvsk]

「なぜ HTML にリスナを記述するのですか」

[gam-22]

なるほど"なぜ HTML にリスナを記述するのですか"