不用for循环 赋值呢？

如果你不想使用循环来为每个照片设置ID，你可以使用Vue的计算属性来生成一个新的数组，该数组包含了原始照片数组中的每个照片，并为每个照片设置一个唯一的ID。然后你可以通过v-for指令来遍历这个新数组，而不需要显式的使用循环。

下面是一个示例代码：

<div id="photo-wall">
  <div v-for="(photo, index) in photoList" :key="photo.id">
    <img :src="photo.src" @click="showPhoto(photo.id)" />
  </div>
</div>

在上面的代码中，我们使用了一个名为photoList的计算属性来生成一个新的数组。该数组由原始照片数组photos中的每个照片组成，而且为每个照片设置了一个唯一的ID。我们可以通过v-for指令遍历这个新数组，并为每个照片绑定一个点击事件处理函数showPhoto。

下面是相应的Vue代码：

new Vue({
  el: '#photo-wall',
  data: {
    photos: [
      { src: 'photo1.jpg' },
      { src: 'photo2.jpg' },
      { src: 'photo3.jpg' }
    ]
  },
  computed: {
    photoList: function() {
      return this.photos.map(function(photo, index) {
        return {
          id: 'photo-' + index,
          src: photo.src
        };
      });
    }
  },
  methods: {
    showPhoto: function(photoId) {
      var photoElement = document.getElementById(photoId);
      // TODO: 显示对应照片的详细信息或者执行其他操作
    }
  }
})

在上面的代码中，我们定义了一个名为photoList的计算属性，使用Array.map方法来生成一个新的数组。在map方法的回调函数中，我们为每个照片设置了一个唯一的ID，格式为"photo-"加上该照片在数组中的索引。然后我们将该新数组返回给计算属性photoList。在showPhoto方法中，我们接收一个参数photoId，该参数表示用户点击的照片的ID。然后我们使用document.getElementById方法获取该照片对应的DOM元素。接下来你可以在showPhoto方法中执行任何你想要的操作，比如显示该照片的详细信息或者进行其他处理。