?

?

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)

總結

以上是生活随笔為你收集整理的vue引入图片路径的三种主要方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。