So referenzieren Sie CSS in Vue

So referenzieren Sie CSS in Vue: 1. Globaler Import, das Syntaxformat ist „‚CSS-Dateiadresse‘ importieren“; 2. Lokaler Import, das Syntaxformat ist „c2860dbf0fe9f551910eda5bb93d65bb@import ‚CSS-Dateiadresse‘; e90442d4aba9b6409c93259f982d1eec".

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, Dell G3-Computer.

Vue (ausgesprochen /vjuː/, ähnlich wie view) ist ein progressives JavaScript-Framework zum Erstellen von Benutzeroberflächen. Im Gegensatz zu anderen großen Frameworks ist Vue so konzipiert, dass es Schicht für Schicht von unten nach oben aufgetragen werden kann.

Führen Sie externe CSS-Dateien in Vue ein:

Erstellen Sie einen neuen Style-Ordner unter der src-Datei des Projekts, um CSS-Dateien zu speichern.

1. Globaler Import

Um externe Dateien einzuführen, einfach in die main.js-Datei

import './style/reset.css'

Ich habe die CSS-Datei importiert, die den Standardstil löscht

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

@import CSS@-Regeln, die zum Importieren von Stilregeln aus anderen Stylesheets verwendet werden. Diese Regeln müssen allen anderen Regeltypen vorangehen, mit Ausnahme von @charset-Regeln. Da es sich nicht um eine verschachtelte Anweisung handelt, kann @import nicht innerhalb einer bedingten Regelgruppe verwendet werden.

So können Benutzeragenten das Abrufen von Ressourcen für nicht unterstützte Medientypen vermeiden und Autoren können medienabhängige @import-Regeln festlegen. Diese Bedingungen importieren Medienabfragen, die nach dem URI angegeben und durch Kommas getrennt werden. Ohne Medienabfragen ist der Import bedingungslos. Gibt an, dass alle Medien den gleichen Effekt haben.

【Empfohlenes Lernen:

Javascript-Tutorial für Fortgeschrittene】

Das obige ist der detaillierte Inhalt vonSo referenzieren Sie CSS in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!