vue中有两种方式引入css文件，一种是直接在main.js中引入，即下面这种写法：
import 'element-ui/lib/theme-default/index.css'
这种写法适用于此css文件存在于项目中，不适用于通过网址访问的方式引入，会报错。偶试着引入Font Awesome，结果报错：
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。
以上就是vue如何引入css文件？的详细内容，更多请关注易知道|edz.cc其它相关文章！
