在Vue中，遍歷集合是一個常見且重要的操作，它可以幫助我們在頁面上動態地渲染數據。Vue提供了多種方式來遍歷集合，包括使用基本的v-for指令、使用v-for和v-if組合、使用v-for和計算屬性等。下面我們將詳細介紹這些方式。

使用v-for指令

<div v-for="item in list">
{{ item }}
</div>

在上述例子中，v-for指令會遍歷名為list的集合，并將集合中每個元素賦值給變量item，然后在頁面上渲染一個div標簽，并顯示item的值。

使用v-for和v-if組合

<div v-for="item in list" v-if="item.status">
{{ item.name }}
</div>

在上述例子中，我們還使用了v-if指令來過濾集合中不符合條件的元素。只有當集合中元素的status屬性為真時，該元素才會被渲染出來。

使用v-for和計算屬性

<div v-for="item in filteredList">
{{ item.name }}
</div>
computed: {
filteredList: function() {
return this.list.filter(function(item) {
return item.status;
});
}
}

在上述例子中，我們定義了一個名為filteredList的計算屬性。該計算屬性會遍歷名為list的集合，并根據每個元素的status屬性進行過濾，只保留符合條件的元素。這樣，我們就可以在頁面上使用filteredList變量進行遍歷，而不必在模板中編寫復雜的條件語句。

上述是Vue遍歷集合的三種方式，當然，Vue還提供了很多其他有用的指令和方法，如v-for的索引，v-for的對象模式，以及Vue.set和Vue.delete等方法。掌握這些方法，可以讓我們在開發中更加方便地進行集合操作。