Vue是一個非常流行的前端框架，它讓我們能夠很方便地構建單頁面應用程序。在Vue中，一個常見的場景是需要展現列表數據。如何在Vue中控制列表？

通常，我們可以使用v-for指令來循環遍歷數組或對象，并渲染出列表項。下面是一個簡單的例子：

<ul>
<li v-for="item in items" :key="item.id">{{ item.title }}</li>
</ul>
<script>
export default {
data() {
return {
items: [
{id: 1, title: 'item 1'},
{id: 2, title: 'item 2'},
{id: 3, title: 'item 3'}
]
}
}
}
</script>

上面的代碼中，我們使用了v-for指令來循環渲染出列表項。items數組中的每個對象都會被渲染為一個li元素。我們也給每個li設置了一個:key屬性，這個屬性用來幫助Vue識別列表項的唯一性，提高性能。

除了使用v-for指令外，我們還可以利用Vue的計算屬性來對列表進行控制。在計算屬性中，我們可以通過對原始數據進行處理，返回一個新的數組對象，從而實現對列表的控制。

<ul>
<li v-for="item in activeItems" :key="item.id">{{ item.title }}</li>
</ul>
<script>
export default {
data() {
return {
items: [
{id: 1, title: 'item 1', isActive: true},
{id: 2, title: 'item 2', isActive: false},
{id: 3, title: 'item 3', isActive: true}
]
}
},
computed: {
activeItems() {
return this.items.filter(item => item.isActive)
}
}
}
</script>

上面的代碼中，我們在computed屬性中定義了一個activeItems計算屬性，它返回一個新的數組，這個數組中只包含isActive為true的列表項。我們在模板中使用這個計算屬性來渲染列表，從而實現了對列表的控制。

當然，在實際開發中，列表控制的場景還有很多，也許需要根據用戶的輸入進行過濾，或者根據某個屬性進行排序等等。Vue提供了非常豐富的API和指令，讓我們可以很方便地實現這些功能。

總結來說，Vue中的列表控制可以通過v-for指令和計算屬性來實現。在實際開發中，可以根據不同的業務需求，選擇不同的方式來控制列表。