Vue.js を１から学んでみた〜修飾子〜 - Qiita

Vue.js を１から学んでみた。にて書いてきましたが、 長くなり編集しにくくなってきたので、分割しました（こんなやりかたしないのかな？知りたい。） 5-1.イベント修飾子 イベントハンドラ内でそのイベントを止めたり、バブリングを止めるために、 event.preventDefault()やevent.stopPropagation()をメソッドの最初にコールするが、 Vueには同等の機能をもった便利なイベント修飾子.stopや.preventがある。 v-onディレクティブの引数に設定するDOMイベントに追加する形式で書く。例：v-on:click.stop 「バブリング」については、DOMイベントのキャプチャ/バブリングを整理する 〜 JSおくのほそ道 #017を参照 .stopや.preventだけでなく、以下が用意されている。 .stop .prevent .capture .se