vue引用css的方法：1、全局引入，語法格式為“import 'css文件地址'”；2、局部引入，語法格式為“<style scoped>@import 'css文件地址';</style>”。

本教程操作環(huán)境：windows7系統(tǒng)、vue2.9.6版、Dell G3電腦。

Vue (讀音 /vju?/，類似于 view) 是一套用于構(gòu)建用戶界面的漸進式JavaScript框架。與其它大型框架不同的是，Vue 被設(shè)計為可以自底向上逐層應(yīng)用。

在vue中引入外部的css文件：

在項目的src文件下，新建一個style文件夾，存放css文件。

1. 全局引入

將外部的css文件放到style文件下，引入外部文件只需在main.js文件中

import './style/reset.css'

我引入的是清除默認(rèn)樣式的css文件

2. 局部引入

<style scoped>   @import '../assets/iconfont/iconfont.css';這個分號一定要寫，要不會報錯 </style>

@import CSS@規(guī)則，用于從其他樣式表導(dǎo)入樣式規(guī)則。這些規(guī)則必須先于所有其他類型的規(guī)則，@charset 規(guī)則除外; 因為它不是一個嵌套語句，@import不能在條件組的規(guī)則中使用。

因此，用戶代理可以避免為不支持的媒體類型檢索資源，作者可以指定依賴媒體的@import規(guī)則。這些條件導(dǎo)入在URI之后指定逗號分隔的媒體查詢。在沒有任何媒體查詢的情況下，導(dǎo)入是無條件的。指定所有的媒體具有相同的效果。

【推薦學(xué)習(xí)：javascript高級教程】