02-如何在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外部文件的寫法。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM