图片渲染不出来是路径问题,
当把路径放在assets里面是,它是相对路径,是经过webpack处理,引入的时候是通过./或者是../引用,如果有上千张图片渲染
<div v-for="(item) in inage" :key="item.id">
<img :src="require(`../assets/images/${item}`) "/>
</div>
就可以了
第二种是绝对路径:放在public里面 ,是不经过webpack处理,图片通过 / 引用,
<img src="/inage/banner "/>
缺点是;打包部署的时候要指定一下他的publicpath的根路径,
详细的可以看webpack官网
这个比教详细
https://blog.csdn.net/m0_58040147/article/details/124738818不出来