vue v-for 图片

你可以使用Vue的v-for指令来动态渲染图片列表。下面是一个简单的示例：

<template>
  <div>
    <img v-for="image in images" :src="image.url" :alt="image.alt" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      images: [
        { url: 'image1.jpg', alt: 'Image 1' },
        { url: 'image2.jpg', alt: 'Image 2' },
        { url: 'image3.jpg', alt: 'Image 3' },
      ],
    };
  },
};
</script>

在上面的示例中，我们使用v-for指令循环遍历images数组，并为每个数组项渲染一张图片。每张图片的URL和alt文本是通过绑定数据来设置的。你可以根据需要修改图片列表和数据绑定。