エンジニア見習いとして働き始め（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:イベント名="ハンドラ名"