色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

vue asset static

傅智翔2年前8瀏覽0評論

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