Vue v-for 渲染本地静态图片

最近做一个小项目遇到一个问题，用v-for渲染本地静态图片无法显示，我将图片放在了assets文件下

然后放在某个页面的data，

 

 准备用v-for 渲染一组图片却无法显示，这是怎么回事呢？

我上网查到

  

原来是webpack会把 src/assets下的图片会被看作模块依赖进行处理

那么解决方法是什么呢？

1. 用require引入图片路径，例如require('./relative/path/to/file.jpg')

2.将图片放到static文件夹下面 

那这个时候就有疑问了，为什么放在static文件就可以呢？

  

 原来是因为static下的文件都不会被webpack处理

（以上资料查于 https://www.cnblogs.com/minigrasshopper/p/8011630.html）