最近遇到一個vue動態圖片路徑的引用問題？明明路徑是正確的但是卻渲染不出圖片！先看我慢慢說來！！
1、當我們把圖片的路徑放置在data（）{return：{}}中的數組中的時候，然后通過v-for循環數組。
當我們直接把圖片路徑給放在對象中的時候就像這樣：{imgsrc:"../../assets/img/bbaa.jpg"},結果你發現圖片在頁面中渲染不出來。
但是當我們直接把圖片放在<img src="../../assets/img/bbaa.jpg" />頁面能夠渲染，說明路徑是正確的，那么就是vue項目中的問題了，我們把瀏覽器控制台打開發現圖片路徑從../../assets/img/bbaa.jpg變成了/static/img/......，
但是當我們去項目中的static文件夾看什么也沒有。
為了解決這種問題我們需要在對象中這樣寫{imgsrc:require("@/assets/img/bbaa.jpg")}
2、上面第一種情況只能解決在頁面中的假數據渲染，但是當我們從本地數據庫拿到圖片路徑時，上面的方法就行不通了。
當我們使用Vue-cli創建項目的時候，你會看到一個static文件夾，為了解決熊數據庫圖片路徑引用問題，我們把圖片直接拷貝到static的根路徑里面去，然后在數據庫這樣寫圖片的路徑：
這時候啟動項目，你就會發現頁面的圖片已經渲染出來了，當然還有其它 的方法，我的這種方法並不是最佳的選擇，但是是最容易理解和方便的，在學習的過程中遇到這樣的問題完全夠用了。希望當你們遇到這樣的問題，能夠幫到你們！！