一.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函式,構建過程中完成,會編譯靜態根節點和靜態子節點,當元件狀態發生變化時...