在Vue中展示列表非常簡單，只需要在視圖中使用v-for指令綁定一個數組即可。接下來，我們將詳細說明如何使用v-for指令展示列表。 首先，定義一個數組來存儲我們要展示的列表數據。假設我們要展示一個商品列表，數組代碼如下：

data: {
products: [
{ name: 'iPhone X', price: 8999 },
{ name: 'iPad Pro', price: 5999 },
{ name: 'Macbook Pro', price: 12999 }
]
}

在視圖中，我們使用v-for指令來循環遍歷該數組，并渲染每一個商品的名稱和價格。指令代碼如下：

{{ product.name }}
{{ product.price }}

這樣，我們就可以將商品列表展示到視圖中了。 除了簡單的循環遍歷數組，v-for指令還支持多種形式的語法，下面我們將介紹其中的幾種。 1. v-for中的索引值 如果我們想要在循環中使用數組元素的索引值，可以使用v-for指令的第二個參數來實現。指令代碼如下：

{{ index }}. {{ product.name }}
{{ product.price }}

這樣，我們就可以在視圖中展示出每個商品的索引值和名稱了。 2. v-for的對象遍歷 除了循環遍歷數組，v-for指令還可以在遍歷對象的屬性時使用。指令代碼如下：

{{ key }}: {{ value }}

這樣，我們就可以展示出對象中每個屬性的名稱和值了。 3. 使用v-for嵌套 如果我們需要在列表中嵌套另一個列表，可以使用v-for指令的嵌套語法。指令代碼如下：

{{ category.name }}
{{ product.name }}
{{ product.price }}

這樣，我們就可以在視圖中展示出每個分類的名稱和其包含的商品列表了。 總的來說，Vue中展示列表非常簡單，只需要使用v-for指令即可。在使用過程中，可以根據具體需求自由地利用v-for的多種語法來實現更加靈活和高效的列表展示。