【Vue.js】src/assetsフォルダに画像ファイルを設置し、v-forで画像を表示する

src/assets/imagesに画像ファイルを置く

src/
 └ assets/
     └ images/
        ├ 1.jpg
        ├ 2.jpg
        └ 3.jpg

Vueコンポーネント

Sample.vue

<template>
   <div v-for="(image,i) in images" :key="i">
       <img :src="image" />
   </div>
</template>

<script>
export default {
  data() {
    return {
      images: [
        require('@/assets/images/1.jpg'),
        require('@/assets/images/2.jpg'),
        require('@/assets/images/3.jpg'),
      ],
    }
  }
}
</script>