vue怎麼引用css

vue引用css的方法：1、全域引入，語法格式為「import 'css檔案位址'」；2、局部引入，語法格式為「」。

本教學操作環境：windows7系統、vue2.9.6版、Dell G3電腦。

Vue (發音 /vjuː/，類似 view) 是一套用於建立使用者介面的漸進式JavaScript框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。

在vue中引入外部的css檔案：

在專案的src檔案下，新建一個style資料夾，存放css檔案。

1. 全域引入

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

import './style/reset.css'

我引入的是清除預設樣式的css檔案

2. 局部引入

<style scoped>
  @import &#39;../assets/iconfont/iconfont.css&#39;;这个分号一定要写，要不会报错
</style>

@import CSS@規則，用於從其他樣式表匯入樣式規則。這些規則必須先於所有其他類型的規則，@charset 規則除外; 因為它不是一個巢狀語句，@import不能在條件組的規則中使用。

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

【推薦學習：javascript高階教學】

#

以上是vue怎麼引用css的詳細內容。更多資訊請關注PHP中文網其他相關文章！