vue 元件單獨引入 css 注意事項

2021-10-05 02:54:51 字數 458 閱讀 3200

起因

想要在不同元件引入不同的引入不同的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 ...