[JS][Vue]「@hoge.prevent="fuga"」←この「.prevent」が、「e.preventDefault();」の省略形だった件

今回のコード

先日、Vueを触っていたら、「@hoge.prevent="fuga"」こんなのが書いてあったので調べてみました。
とりあえず共有しておくので、何かの参考にしてもらえれば、嬉しいです。

See the Pen
[Vue]非同期処理直後にリロード問題 .prevent by riotam (@riotam4)
on CodePen.

コードは、この関連記事で使ったものとほぼ同じです。
分かりにくければそちらの記事も、短いので読んでみて下さい。

解説

コードの内容については、関連記事に書いてますので省略します。
結論を言うと、「今回のコード」HTML側の2行目に書いた「@submit.prevent="outPut"」は、

See the Pen
[Vue]非同期処理直後にリロードされてしまう問題を「e.preventDefault();」で解消させた件(成功ver) by riotam (@riotam4)
on CodePen.

↑「関連記事のコード」JS側11行目に書いているものと、同じ意味です。
詳しくは、そちらの記事で書いてますので、読んでみてください。

難しそうな記法も、ただの省略と分かれば怖くない！
以上、ありがとうございました。