起因
想要在不同元件引入不同的引入不同的css,這樣後面維護起來會容易一些
目錄結構
報錯原本以為用這樣就能引入了
但發現是報錯
網上答覆
但我這邊還是報錯
還有是通過npm引入scss之類的方法,試過了後都是報錯
最後的結果
最後用這種方法居然成功了
如果你以上方法都失敗了,那你就只能妥協了,把所有css引入放入main.js裡面引入
在元件引入css時加了scoped
就只能對這個元件有效果,如果元件裡面有加了元件那也是沒作用的
vue元件引入另一vue元件
個人blog,歡迎關注加收藏 在元件中引入另一組件 元件化開發,最重要的特點就是其復用性。當某一部分內容重複出現在多個元件中 時,可以將其提出單獨組成乙個元件。重複使用。如下圖 其中底部導航條的部分 就會出現在多個元件中 在當前元件card.vue中引入barbottom.vue的步驟如下 在car...
動態引入vue元件
乙個頁面是由多個元件組合而成的,這個頁面需要import多個元件,如果整個page.vue檔案裡面全是import不太美觀,新建乙個asyncloadcomp.vue元件用來動態引入元件,新建乙個index.js檔案用來引入所有元件檔案 page.vue import asyncloadcomp f...
vue 引入通用 css
1 在入口 js 檔案 main.js 中引入,一些公共的樣式檔案,可以在這裡引入。import router from router 引入路由配置 import axios from axios import static css global.css 引入公共樣式 2 在 index.html ...