So referenzieren Sie CSS in Vue: 1. Globaler Import, das Syntaxformat ist „‚CSS-Dateiadresse‘ importieren“; 2. Lokaler Import, das Syntaxformat ist „@import ‚CSS-Dateiadresse‘; </ style>". </p></blockquote> <p><img src="https://img.php.cn/upload/article/202107/26/2021072611593380811.jpg" alt="So referenzieren Sie CSS in Vue" ></p> <p>Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, Dell G3-Computer. </p> <p>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. </p> <p>Führen Sie externe CSS-Dateien in Vue ein: </p> <p>Erstellen Sie einen neuen Style-Ordner unter der src-Datei des Projekts, um CSS-Dateien zu speichern. </p> <p>1. Globaler Import</p> <p>Um externe Dateien einzuführen, einfach in die main.js-Datei</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false">import './style/reset.css'</pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>Ich habe die CSS-Datei importiert, die den Standardstil löscht</p><p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false"><style scoped> @import '../assets/iconfont/iconfont.css';这个分号一定要写，要不会报错 Nach dem Login kopieren@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】
