vue 里面v-for如何引入本地图片

在Vue中使用v-for循环渲染本地图片，可以使用require方法将图片引入到组件中。

1. 首先，在组件的data属性中定义一个数组，用于存储本地图片的路径。

data() {
  return {
    images: [
      require('@/assets/img/image1.jpg'),
      require('@/assets/img/image2.jpg'),
      require('@/assets/img/image3.jpg')
    ]
  }
}

2. 在模板中使用v-for循环渲染图片。

<div v-for="(image, index) in images" :key="index">
  <img :src="image" alt="图片">
</div>

在上面的代码中，v-for循环遍历images数组中的每个本地图片路径，并使用img标签将其渲染到页面上。

注意：在使用require方法引入本地图片时，需要使用相对路径，并且需要在路径前面加上'@/'。这是因为在Vue中，'@'代表src目录，所以加上'@/'可以让Vue正确找到图片的路径。