前端學習 vue中public與assets的區別

2021-10-08 20:19:04 字數 1002 閱讀 9958

一.public和assets檔案的異同

1.相同點

資料夾中的資源在html中使用都是可以的。

2.不同點

使用assets下面的資源,在js中使用的話,路徑要經過webpack中的file-loader編譯,路徑不能直接寫。

使用public檔案下面的資源,是不會被webpack處理的,它們會被直接複製到最終的打包目錄下面,且必須使用絕對路徑來引用這些檔案。

1.public中的檔案,是不會經過編譯的,打包後會生成dist資料夾,public中的檔案只是複製一遍。因此,public建議放一些外部第三方,自己的檔案放在assets,別人的放public中。

2.若把放在assets和public中,html頁面都可以使用,但是在動態繫結中,assets路徑的會載入失敗(因為webpack使用的是commenjs規範,必須使用require才可以。

//   html  結構

="mydemo"

>

// 直接顯示檔案內容

直接路徑<

/h5>

"../assets/logo.png" title=

"assets中的"

>

"/static/logo.png" title=

"static中的"

>

// 動態顯示檔案內容

動態路徑<

/h5>

"aseturl" title=

"assets中的"

>

"sticurl" title=

"static中的"

>

<

/div>

// js

export

default

}或者使用 import

:src

="checklogin"

alt="

">

前端筆記 vue學習

值傳遞引用傳遞 區別直接複製出一塊新記憶體 只是複製記憶體位址 類似c中的指標 作用物件 基本型別 布林 null undefined string和number 物件型別 array undefined number 和 比較的是記憶體中的值 比較的是指向的記憶體位址 作為引數傳入函式 只將值複製...

WEB前端開發學習筆記 Vue中watch的使用

vue中的watch是乙個比較重要的概念,通過他我們可以檢測data的變化,下面進行詳細的介紹。watch定義方式如下 即在watch中,watch watch用於觀察和監聽頁面上的vue例項,當你需要在資料變化響應時,執行非同步操作,或高效能消耗的操作,那麼watch為最佳選擇 computed ...

vue3 0前端學習

1 響應系統公升級 vue.js 3.0 中使用proxy物件重寫響應式系統 可以監聽動態新增的屬性 可以監聽刪除的屬性 可以監聽陣列的索引和length屬性 2 編譯優化 vue.js 2.x 中,模板首先被編譯為render函式,構建過程中完成,會編譯靜態根節點和靜態子節點,當元件狀態發生變化時...