vuejs 如何使用css

vuejs使用css的方法：1、直接上手寫樣式，程式碼如「」；2、應用外部css檔案的寫法，語法如「@import './index.css'”。

本文操作環境：windows7系統、Vue2.9.6版，DELL G3電腦。

如何在Vue.js使用css？

關於css部分

在vue-cli中使用sass、less來寫css樣式，步驟十分簡潔，因為vue-cli已經配置了sass、less ，我們要使用sass或less直接下載兩個模組，然後webpack會根據lang 屬性自動用適當的載入器去處理。以下我們來了解各css應該如何使用

 #css

1.直接上手寫樣式即可，使用css規則即可。

 

# 

2.應用外部css檔案的寫法

 

如何使用Scss

---

 

1.安裝Sass模組

 

 

2.在元件的style部分使用內聯寫法

#3.引用sass外部檔案的寫法。

如何使用Less

---

1.安裝Less模組

2.在元件的style部分使用內聯寫入法

3.引用less外部文件的寫法。

 相關推薦：《vue.js教學》

以上是vuejs 如何使用css的詳細內容。更多資訊請關注PHP中文網其他相關文章！