[6] Vue 指令
v-bind
v-bind 可以讓 template 內的標籤去綁定 script 內定義的變數，舉個例子
可以改寫成這樣
最後效果是一樣的，在標籤內 v-bind 可以簡寫成 :
v-model
上一篇已經提到了，就是可以透過網頁上的操作去改變資料的值，比方說表單、輸入欄等等。
v-for
迴圈，比方說你想重複什麼元件在網頁上，就可以用這個。馬上來示範一下
v-for 語法是 v-for="(陣列元素,陣列 index) in 陣列"，然後元件標籤內要用 v-bind 綁定 key="index"
v-on
這個是綁定事件的指令，比方說想要按下按鈕有什麼行為，滑鼠移到某個元件上有什麼行為，語法是 v-on:事件="行為"，舉例一下
v-on: 可以簡寫成 @
v-if
判斷指令，當符合什麼條件時，這個標籤才顯示，語法是 v-if="條件"
v-for 和 v-if 不要在同一個標籤內一起使用，這樣每次迭代都會判斷一次，比較浪費效能
以下內容為付費限定！以行動支持這位作者吧！
付費訂閱
分享至
成為作者繼續創作的動力吧！
比起詳細教學單一技能，網路上或者市面上整合多項技能的教學相對少很多，但要真的完成一項專案往往不是只靠一項技能便能做到。
而且教科書式的完整教學也比較枯燥乏味，因此我想以自身的經驗為例，以全端開發各項技能中最常用到的部分進行講解，讓讀者能夠快速上手掌握全端技能。
