[解決済み】@clickとv-on:clickの違い Vuejs

質問

質問は十分に明確であるべきです。

でも、誰かが使っているのはわかるんです。

<button @click="function()">press</button>

誰かが使う。

<button v-on:click="function()">press</button>

しかし、本当にこの2つの違いは何なのでしょうか（もし存在するならば）。

どのように解決するのか？

2つの間に違いはなく、1つは2つ目の略語に過ぎません。

プレフィックス v- は、Vue 固有のものを識別するための視覚的な手がかりとなります。 属性があります。これは、Vue.jsを使用しているときに便利です。 を使用して、既存のマークアップに動的な動作を適用する場合に便利ですが、次のように感じることがあります。 頻繁に使用されるディレクティブのために冗長です。同時に を構築している場合、v- 接頭辞の必要性はあまり重要ではなくなります。 Vue.jsがすべてのテンプレートを管理するSPAです。

<!-- full syntax -->
<a v-on:click="doSomething"></a>
<!-- shorthand -->
<a @click="doSomething"></a>

出典 公式ドキュメント .