vue.js怎麼引入css文件

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中文網其他相關文章！