Vue中的靜態資源一般分為兩種,asset和static。Asset是指那些需要被webpack編譯的資源,比如樣式、圖像等,這些資源會被打包進最終的代碼中。而static則是指那些不需要經過編譯直接復制到最終目錄中的資源,比如字體、音頻等。
在Vue項目中使用static資源有兩種方法:
// 在模板中直接使用 <img src="~@/static/logo.png"> // 引入到樣式中 background-image: url('~@/static/bg.png');
需要注意的是,在引入static資源時,需要加上前綴“~@”,代表src目錄下的根目錄。這樣就可以方便地引用static資源了。
另外,如果需要在靜態資源文件夾中創建更多的文件夾,比如放置圖片、音頻等,在Vue cli3中需要在public文件夾下手動創建文件夾,并在引用時加上相對路徑,如下:
// 創建public/images/logo.png <img src="./images/logo.png">
總之,在Vue中使用靜態資源很簡單,只要按照以上方法正確引用即可。
上一篇vue fullpath
下一篇go序列化json