兩種方式引入css文件,一種是直接在main.js中引入(也可以在其他的.vue文件中的<script></script>標簽中),即下面這種寫法:
import 'element-ui/lib/theme-default/index.css'
這種寫法適用於此css文件存在於項目中,不適用於通過網址訪問的方式引入,會報錯。偶試着引入Font Awesome,結果報錯:
1
|
import
"http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
|
而直接在組件中引入卻可以,組件中引入也比較簡單:
<style> @import "../css/style.css"; @import "//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"; </style>
引入語句后面最好加上分號,只引用一個還好,引用多個不加分號會報錯。
當然還有使用require()引入的,暫時比較習慣使用import。