vue.js 遍歷數組和對象有三種常見方法：v-for 指令用于遍歷每個元素并渲染模板；v-bind 指令可與 v-for 一起使用，為每個元素動態設置屬性值；.map 方法可將數組元素轉換為新數組。
Vue遍歷的用法
Vue.js 中提供多種方法來遍歷數組和對象。這篇文章將介紹最常用的三種方法：v-for 指令、v-bind 指令和 .map 方法。
1. v-for 指令
v-for 指令用于遍歷數組或對象中的每個元素，并為每個元素渲染一個模板。其語法如下：
<template v-for="item in items">
{{ item }}
</template>
登錄后復制
以上示例將遍歷名為 items 的數組，并為每個元素渲染其內容。
2. v-bind 指令
v-bind 指令可用于動態綁定屬性值。通過 v-for 指令，我們可以將它與數組或對象結合使用，從而為每個元素動態設置屬性值。
<template v-for="item in items"><div :class="item.class"></div> </template>
登錄后復制
以上示例將遍歷 items 數組，并為每個元素動態設置 class 屬性，屬性值取自 item.class。
3. .map 方法
.map 方法可以將數組中的每個元素轉換為一個新數組。在 Vue.js 中，.map 方法可以通過以下方式調用：
const newArray = this.items.map(item => item.value);
登錄后復制
以上示例將遍歷 items 數組，并創建一個僅包含元素 value 的新數組 newArray。
