vue项目图片资源展示问题

1、图片资源在src目录下

当图片资源在src目录下面时，页面图片的路劲要使用变量的话需要使用require，如

<img :src="require('../../static/test.png')">
<img :src="require('@/static/test.png')">

注意require中不能用变量，因为require是webpack的方法，项目在打包走require时项目还没有解析变量。所以会报错‘module not found’之类的错误。

2、图片资源在src同级目录下

与src同级的目录不会被webpack处理，而是直接打包到dist目录下，所以可以直接使用../xxx.png访问，例如src同级有static/images/hello.png，那么页面可以直接

<img :src="'../images/hello.png'">