vue图片不显示，引用路径出错怎么解决？

在做项目中，遇到把img图片作为变量放在data里，引用会发现图片不显示，以为是路径的问题，其实是webpack的事。

方案1： 使用require将图片进入，写法如下

image: require('../../assets/img/mine.png')

模板：

<img :src="image">

方案2：把图片放在static文件夹中，如下

然后直接在data里面这样写

image：'../../static/img/mine.png'