vue如何引入图片地址

我们在用vue时储存图片时，一般把图片放在两种文件下，一个是static文件夹下，另外一个是assets文件夹下。

下面总体说一下这两个的区别及正确的引用方式：

　　static是放不会变动的图片（或文件），assets下放会变动或者可能会变动的图片（或文件）。

　　情况一：在html结构中直接引入src地址时可以用绝对路径的形式引用，如下：

　　

　　

　　情况二：在src路径以变量的形式定义引用，static和assets下文件引用将会有一定的差异，如下：

　　

　　这种情况下，static下的图片可以用之前的绝对路径形式引入，并能成功展示在页面上；但assets下的图片则无法展示，因为webpack会将图片当做模块来引入，所以在js中需要用require将图片引进来。