エンジニア見習いとして働き始め（2021年3月1日〜）て2ヶ月が経ちました。
v-bindとv-onの省略記法（「:」と「@」に注意）
v-bind
<!-- 省略無し -->
<input v-bind:value="message">
<!-- 省略した記法 -->
<input :value="message">
v-bindディレクティブは、リアクティブにHTML属性を更新します。
※ディレクティブ・・・v-から始まる特別な属性のこと。
※リアクティブ・・・データ変更がリアルタイムでビュー側に反映されること。
※バインディング・・・結び付け、関連付けみたいな意味。
"message"は文字列ではなくJavaScript。
v-on
<!-- 省略無し -->
<a v-on:click="doSomething"> ... </a>
<!-- 省略した記法 -->
<a @click="doSomething"> ... </a>
v-on:イベント名="ハンドラ名"