Hello，大家好~歡迎再次回到JavaScript初學者成長日記！
今天是最後一天了，我們要來介紹幾個在Vue的課堂上有提到的指令。這裡我們會介紹的是Vue3的語法，因為Vue2在去年官方就不維護了。

• v-bind：跟AlpineJS的x-bind相似。用於將 HTML 元素的屬性與 Vue 組件的資料進行動態綁定。它能夠讓你根據組件的狀態來動態改變元素的屬性，例如 src、href、class、style 等
• v-model：跟AlpineJS的x- model相似。是一個用於表單元素的雙向資料綁定指令，當用戶改變輸入時，數據模型會自動更新。
• v-text：跟AlpineJS的x- text相似。用於將資料作為文本插入到元素中，可以用來動態更新HTML 元素的文本內容， 跟{{ }}寫法類似，但它會覆蓋元素的現有內容。
• v-on： 跟AlpineJS的x- on相似。用來做事件的綁定，像是綁定click、keydown…等事件，可以用簡寫@。
• v-if：跟AlpineJS的x- if相似。作條件判斷，根據條件動態地添加或移除 HTML 元素。
• v-for：跟AlpineJS的x- for相似。將「陣列」或「物件」類型的資料進行迭代渲染 (重複呈現在畫面上)。v-for 指令會以 item in items 的語法形式來使用。

雖然AlpineJS跟VueJS相似，但兩者在寫法上還是不太一樣，就需要再多練習跟研究囉！那我們鐵人賽文章的部分就先到這，有機會再見！