1，讀取本地圖片，是循環列表，通過綁定讀取出來的圖片
如果是在assets裏面的圖片資源需要require的
<img class="goods-image" :src="require('../assets/'+item.img)" alt="" />
或者
<img class="goods-image" :src="require('@/assets/'+item.img)" alt="" />
2，圖片資源是靜止的
<img src="./assets/4g.jpg" alt=""> // √
編譯後:<img src="/img/01.f0cfc21d.jpg" alt="">
常見的引入方式，路徑是固定的字符串，圖片會被webpack處理，文件若丟失會直接在編譯時報錯，生成的文件包含了哈希值
3，:src="item.img"，如果採用改種方式，會報錯的
<img :src="item.img" alt=""> // ×
// 編譯後:<img src="./assets/4g.jpg" alt="">
錯誤的引入方式，使用:src調用了v-bind指令處理其內容，相對路徑不會被webpack的file-loader處理
4，如果想要使用絕對的根路徑的，一般引用的是public裏面的資源，
用絕對路徑引入時，路徑讀取的是public文件夾中的資源，任何放置在 public 文件夾的靜態資源都會被簡單的複製到編譯後的目錄中，而不經過 webpack特殊處理。
當你的應用被部署在一個域名的根路徑上時，比如http://weixin70.yuanye.com/，此時這種引入方式可以正常顯示
等我完全掌握vue.config.js配置再繼續總結剩餘的圖片路徑配置方式，例如<img :src="this.publicPath + 'images/4g.jpg'" alt="">