vue.js引入css檔案的方法:1、在【main.js】中全域引入,程式碼為【import "./common/uni.css"】;2、直接在元件中引入,代碼為【@import "/common/uni.css";】。
【相關文章推薦:#vue.js##】
vue.js引入css檔案的方法:
#兩種方式引入css檔案##第一種: js引入通常在main.js中全域引入,即下面這種寫法:
import "./common/uni.css"
注意:
1、這種寫法適用於此css檔案存在於專案中,不適用於透過網址存取的方式引入,會報錯。
2、App平台v3 模式暫時不支援在js 檔案中引用"./common/uni.css"
第二種:css引入#直接在元件中引入比較簡單
<style> @import "/common/uni.css"; </style>
注意:
引入語句後面最好加上分號,只引用一個還好,引用多個不加分號會報錯。
當然還有使用require()引進的,暫時比較習慣使用import。
相關免費學習推薦:javascript
以上是vue.js怎麼引入css文件的詳細內容。更多資訊請關注PHP中文網其他相關文章!