今回のコード
先日、Vueを触っていたら、「@hoge.prevent="fuga"」こんなのが書いてあったので調べてみました。
とりあえず共有しておくので、何かの参考にしてもらえれば、嬉しいです。
See the Pen [Vue]非同期処理直後にリロード問題 .prevent by riotam (@riotam4) on CodePen.
コードは、この[関連記事](https://qiita.com/riotam/items/9d360dfbc796853793e3)で使ったものとほぼ同じです。 分かりにくければそちらの記事も、短いので読んでみて下さい。 # 解説 コードの内容については、関連記事に書いてますので省略します。 結論を言うと、「今回のコード」HTML側の2行目に書いた「@submit.prevent="outPut"」は、See the Pen [Vue]非同期処理直後にリロードされてしまう問題を「e.preventDefault();」で解消させた件(成功ver) by riotam (@riotam4) on CodePen.
↑「[関連記事](https://qiita.com/riotam/items/9d360dfbc796853793e3)のコード」JS側11行目に書いているものと、同じ意味です。 詳しくは、そちらの記事で書いてますので、読んでみてください。難しそうな記法も、ただの省略と分かれば怖くない!
以上、ありがとうございました。