vue v-for动态加载图片

一般图片放在assets目录下，可使用相对路径引入。如果图片放在static目录下则webpack则webpack不会对此目录做处理，引入需要使用绝对路径。

v-for场景

v-for动态绑定场景下需要使用require，否则webpack会将src绑定对象解析为字符串，图片不会加载

<div v-for= "(item, idx) in pics" :key="idx" >     <img :src="item" width="300"></div>

    props:{         pics:{            type:  Array,            default: ()=>[require("../../assets/img/avater.png"),require("../../assets/img/avater.png"), require("../../assets/img/avater.png"),]        },    }

一般场景

可以直接引入

<img src="../../assets/img/avater.png" width="300">