vue中遍历照片列表绑定给数组

可以使用 `v-for` 指令遍历照片列表，并将每个照片绑定到一个数组中。具体实现方式如下：

1. 在 Vue 组件的 `data` 属性中定义一个数组，用于存储照片列表：

data() {
  return {
    photos: [
      { id: 1, name: 'photo1.jpg', url: 'https://example.com/photo1.jpg' },
      { id: 2, name: 'photo2.jpg', url: 'https://example.com/photo2.jpg' },
      { id: 3, name: 'photo3.jpg', url: 'https://example.com/photo3.jpg' },
    ]
  }
}

2. 在模板中使用 `v-for` 指令遍历照片列表，并将每个照片绑定到数组中：

<div v-for="(photo, index) in photos" :key="index">
  <img :src="photo.url" :alt="photo.name">
</div>

上面的代码会在页面中生成一个包含照片列表的 `div` 元素，每个照片都使用 `img` 元素显示，其中 `:src` 属性绑定照片的 URL，`:alt` 属性绑定照片的名称。