vue中使用require来引入静态图片资源

vue中使用 require() 来引入静态图片资源

在vue项目中，通过变量引入静态图片资源或者因为某些需求需要通过js来动态改变图片时，图片显示不出来。

通过在浏览器中查看元素，发现图片的地址是相对地址，但显示不出来。

后来发现，原来是vue在DOM中直接引入的图片会被转为 base64 格式的，但是使用变量引入的话，图片不会转为 base64 格式的，所以不会 正常显示。

解决方法就是变量使用 require 来引入图片

这样能正常显示了。在js中使用变量来动态改变图片时，也使用 require 来改变变量的值。

有其他解决方案或者有什么不对的地方欢迎留言。