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 '../assets/iconfont/iconfont.css';这个分号一定要写,要不会报错 </style>
@import CSS@規則,用於從其他樣式表匯入樣式規則。這些規則必須先於所有其他類型的規則,@charset 規則除外; 因為它不是一個巢狀語句,@import不能在條件組的規則中使用。
因此,使用者代理可以避免為不支援的媒體類型檢索資源,作者可以指定依賴媒體的@import規則。這些條件會匯入URI之後指定逗號分隔的媒體查詢。在沒有任何媒體查詢的情況下,導入是無條件的。指定所有的媒體具有相同的效果。
【推薦學習:javascript高階教學】
#以上是vue怎麼引用css的詳細內容。更多資訊請關注PHP中文網其他相關文章!