最近遇到了這樣乙個問題：
將同一張分別放入assets資料夾和static資料夾中，通過src屬性直接寫入路徑或通過動態繫結傳入路徑，結果是不太一樣的。在動態繫結中，assets資料夾中的載入不出來，我們來看下面的例子：
"載入失敗no.1"
"載入失敗no.2"
>
"cars[0].img" alt=
"載入失敗no.3"
>
"cars[1].img" alt=
"載入失敗no.4"
>
"cars[2].img" alt=
"載入失敗no.5"
>
"cars[3].img" alt=
"載入失敗no.6"
>
cars:[,
,,,]
,
我們發現，第三張載入失敗了。為什麼會導致這樣的結果呢？
1、static中的檔案，是不會經過編譯的，打包後會生成dist資料夾，static中的檔案只是複製一遍。因此，static中建議放一些外部的第三方檔案，而自己的檔案放在assets。
2、assets中的檔案會經過webpack打包，重新編譯，因為webpack使用的是commenjs規範，所以才必須使用require。
注意：只有使用cli2快速構建的專案才有static資料夾
Vue中assets和static的區別
相同點 assets和static兩個都是存放靜態資源檔案。專案中所需要的資源檔案，字型圖示，樣式檔案等都可以放在這兩個檔案下。不相同點 assets中存放的靜態資源檔案在專案打包時，也就是執行npm run build時會將assets中放置的靜態資源檔案進行打包上傳，所謂打包簡單點可以理解為壓縮...
vue中assets和static的區別
相同點 assets和static兩個都是存放靜態資源檔案。專案中所需要的資源檔案，字型圖示，樣式檔案等都可以放在這兩個檔案下 不相同點 assets中存放的靜態資源檔案在專案打包時，會將靜態資源檔案進行打包上傳，所謂打包簡單點可以理解為壓縮體積，格式化。而壓縮後的靜態資源檔案最終也都會放置在sta...
vue中的專案目錄assets和staitc的區別
vue中的專案目錄assets和staitc的區別 在進行發行正式版時，即為npm run build編譯後，assets下的檔案如 js css 都會在dist資料夾下面的專案目錄分別合併到乙個檔案下面去，而static檔案下面的檔案則會原封不動的放到dist資料夾下面的目錄中去 所以第三方外掛程...