Vueではv-から始まる特別な属性をよく使います。それのショートハンドを使えば短く書くことができるので、プログラムが少し短くなって見た目が良いです。
v-bind
<!-- 省略しない場合 --><a v-bind:href="url">コンテンツ</a><!-- コロン(:)だけにできます --><a :href="url">コンテンツ</a><!-- 動的引数とも合わせられます --><a :['href']="url">コンテンツ</a>v-on
<!-- 省略しない場合 --><button v-on:click="doSomething">コンテンツ</button><!-- アットマーク(@)だけにできます --><button @click="doSomething">コンテンツ</button><!-- 動的引数とも合わせられます --><button @['click']="doSomething">コンテンツ</button>Vue v3でも変更はありません。
参考リンク