在Vue中，可以使用v-for指令进行列表渲染。
语法格式如下：
<div v-for="item in items" :key="item.id">{{ item.name }}</div>其中，items是一个数组，item是数组中的每个元素，:key是必须的属性，用于指定每个元素的唯一标识。在上述例子中，我们将数组items中的每个元素渲染为一个div标签，并将item.name作为div标签的内容。
下面是一个更完整的例子：
<template>
<div>
<h3>商品列表：</h3>
<ul>
<li v-for="(item, index) in productList" :key="item.id">
{{ index + 1 }}. {{ item.name }} - ￥{{ item.price }}
</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
productList: [
{ id: 1, name: '商品1', price: 100 },
{ id: 2, name: '商品2', price: 200 },
{ id: 3, name: '商品3', price: 300 },
]
}
}
}
</script>在上述例子中，我们使用了v-for指令将数组productList中的每个商品渲染为一个li标签，并在li标签中显示商品的名称和价格。index是每个元素在数组中的索引，可以用于在渲染时显示序号。