首頁 > web前端 > Vue.js > vue怎麼引用css

vue怎麼引用css

醉折花枝作酒筹
發布: 2023-01-13 00:45:19
原創
34840 人瀏覽過

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

vue怎麼引用css

本教學操作環境: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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板