前端框架御三家之一的 Vue，在 2020 年第四季迎來的第三代版本，代號為 One Piece。雖說已略為上手 2.0 版，決定藉由 HiSKIO 2020 Vue3 專業職人 的課程，來加速自己的熟悉程度。這篇會筆記下 Vue 3.0 常見的表單文件處理 ，以及自己開發上的一些補充。
課程相關資訊
[連結]：https://hiskio.com/courses/286/lectures/20884
本篇範圍：Chapter 5 ( Vue 常見的表單元件處理 ) ，一共有 12 篇
請注意：本系列文章為個人對應課程的消化吸收後，所整理出來的內容。換言之，並不一定會包含全部的課程內容，也有可能會添加其他資源來說明。
筆記
1. v-model 的綁定，可以作用在 <input>、<select> 和 <textarea> 三種標籤上頭
2. 可以在眾多 input 中，利用 v-model 綁定一個共用的 array ，這樣一來就可以在 array 中直接取得所有選取的值，而無須按下 Submit 後再行遍歷判斷
3. select 中，可以運用監聽 watch 和 v-for 的方法來輕鬆達成關聯的兩層下拉選單
4. v-model 可以有修飾符，. lazy 為延遲同步、.number 會將字串轉成數字、.trim 會去掉輸入的前後空格
