[Vue] 实现图片src的动态绑定

问题出现的场景，需要用v-for循环的方式批量创建图片。
这个时候如果使用src，无法指向图片地址。

上面这种template 和 data 不能达到预期效果。

这是因为在webpack中会将图片图片来当做模块来用，因为模块是动态加载的，所以url-loader将无法解析图片地址。这时我们需要将图片作为模块加载进去，改用require()的方式。

注：
直接在template中指定图片路径（下图的方式）没问题。但v-for的时候不可以，需要改用上面说的require引入。