通常狀況下咱們爲了能在本地顯示效果，寫圖片路徑會直接這樣寫，可是在實際中圖片通常都是動態上傳的，vue
因此，在vue中通常是這樣的：ui
可是這樣你會發現，圖片根本顯示不出來，只是顯示了個圖片的圖標。this
後來發現經過require了路徑以後能夠正常顯示。spa
可是這樣感受仍是不太好，由於我不想聲明怎麼多變量。因而就成了這樣：3d
先把圖片經過import導入，前面的../../直接改爲 @ 就能夠了，而後就能夠經過上面圖片這樣的設置來顯示了。blog
若是是要動態的話能夠在方法裏面經過this點屬性來修改它：圖片