v-bind綁定數據縮寫 :
v-bind 指令可以用於響應式地更新 HTML 特性：
<span v-bind:title="message">
<span :title="message">
v-on動作監聽縮寫@
v-on 指令，它用於監聽 DOM 事件
<form v-on:submit.prevent="onSubmit">...</form>
<form @submit.prevent="onSubmit">...</form>
v-model雙向綁定縮寫:model
主要是用於表單上數據的雙向綁定
input type="text" v-model="mes">
此時mes值就與input的值進行雙向綁定
.修飾符 對數據和動作的二次處理
修飾符 (Modifiers) 是以半角句號 . 指明的特殊後綴，用於指出一個指令應該以特殊方式綁定。
例如
.prevent 修飾符告訴 v-on 指令對於觸發的事件調用event.preventDefault()：
preventDefault() 方法阻止元素髮生默認的行爲（例如，當點擊提交按鈕時阻止對錶單的提交）。
<form v-on:submit.prevent="onSubmit">...</form>
