物件 Array
因為是 JavaScript，當然就是 js 的物件操作囉
類似 v-if，迴圈就是 v-for
以前要用 js 操作 DOM 的許多細節，就都交給 Vue 就好。
<ol>
<li v-for="x in manyFoods">{{ x }}</li>
</ol>
<script>
data() {
return {
manyFoods: [
'Burrito',
'Salad',
'Cake'
]
}
}
</script> 閒聊時刻：
寫程式，除了邏輯判斷 (if-else) 之外，
最常用的就是 for loop 迴圈了 (或 while 迴圈)。
原因很簡單，
資訊工程，說穿了就是「處理 and 顯示」大量資訊的工程，
「大量」就代表需要重複處理，包括：
- 資訊處理
例如，1+2+ ... +100、找字串中的某個字等計算。 - 資訊呈現
例如，選單 (menu)、表格 (table)、清單 (list)、... 等顯示。
重點
- 1.
- 2.取得索引 (index)要取資料又要取索引，你會怎麼設計呢？因為是標準的 js，應該是 (x, index) in items 這樣吧沒錯！還有不一定要用 index 這個字喔，例如 (x, idx) in items 也會通，索引值就會存到 idx 這個變數中範例：
<p v-for="(x, index) in manyFoods"> {{ index }}: "{{ x }}" <br> </p>
評語
請登入後才可以評分