1、近期在學習Vue中發現了一個難點就是顯示圖片<img> 試了很多辦法都不行，有的還保錯。後來我找了很多人，以及網上找資料終於被我給找到了。

2、如何你是一個普通元件的話，那麼這樣就可以了

 <img src="../assets/images/fk.jpg" width="100%">

  上面這種是寫死的，下面讓我們試試進行動態顯示；

或者這樣寫也可以：

return {
   imgUrl:require("@/assets/images/fk.jpg")
}

有時候我們的元件可能是一個子元件或者子子元件那麼我們這樣寫

<script>
    import imgUrl from '@/assets/images/fk.jpg'
    export default {
        name:'UserFace',
        data(){
            return {
              //imgUrl:require("@/assets/images/fk.jpg");
              imgUrl,
            }
        }
    }
</script>
 

總結：有時候src下面的路徑../是訪問不到的，那麼可以試試使用@代替../

謝謝觀看~如果有寫錯的不足的地方，請您給我說下；