1、在js代码里面 或者 html里面用"v-bind:"或":属性名"绑定路径的时候使用

require('@/assets/home/imgName.png')

2、在css或者scss或者html里面的src中引入图片使用(注意如果是:src=后面用第1种方式引入路径)

~@/assets/components/imgName.svg

3、正常引入静态图片路径

情况一,在html里面的<img src='引入'>用下面代码

scr='static/img/v-html/imgName.jpg'

情况二,在scss里面的background-image:url(路径)用下面的,注意static前面多了/

background-image: url(/static/img/v-html/imgName.jpg)