Vue在v-for循环中动态加载相对路径图片，Error: Cannot find module ‘xxx‘的问题

Vue在v-for循环中动态加载相对路径图片，Error: Cannot find module 'xxx’的问题；
通过v-for来循环图片（图片是在当前项目内-相对路径）

先贴出正确的代码

如上是可以正常显示的；

————————————————————————————————————————

接下来是需要避雷的写法：（第1种）

如上这种写法会导致图片无法加载出来，不解析；
原因：Vue中加载相对路径资源需要加上require()才被解析；

————————————————————————————————————————

因为require()是JS解析的语法，所以在绑定元素语法:src里也可以解析，尝试了如下写法：

正常运行，图片能够被解析。

然后试着把图片资源通过v-for动态加载（第2种）：

却出现了如下错误：

Error in render: “Error: Cannot find module ‘./img/global_img.png’”

其实这种跟上面的写法是一样的，无非是图片链接是通过v-for动态化加载出来的，但是却很奇怪的没有解析到报错了
。。。。。

————————————————————————————————————————

最后的写法便是开头贴出的代码了，data里的图片数组imgs赋值图片的url时，就加上require()来解析，html模板直接渲染此图片资源~

或许是在Vue中，动态取值和require()语法相冲突了，不得不说，这是一个坑。