】Führen Sie externe Stile ein."/> 】Führen Sie externe Stile ein.">

Heim  >  Artikel  >  Web-Frontend  >  So führen Sie den CSS-Stil in vue.js ein

So führen Sie den CSS-Stil in vue.js ein

coldplay.xixi
coldplay.xixiOriginal
2020-11-25 14:07:282881Durchsuche

So führen Sie CSS-Stile in vue.js ein: 1. Geben Sie den entsprechenden Pfad direkt unter [】Führen Sie externe Stile ein.

... So führen Sie den CSS-Stil in vue.js ein

1. Geben Sie in app.vue den entsprechenden Pfad direkt unter <style></style> ein. Verwenden Sie @import, um externes CSS einzuführen. Der Bereich ist auch global Komponente importieren und Anstatt Code in <style></style> einzuführen, wird eine neue Anfrage gestellt, um die Stilressource abzurufen, und sie ist nicht bereichsgebunden.
    <style scoped>
     @import "../static/font/iconfont.css";
    </style>
  • Hinweis: Wenn ein Stil vorhanden ist, sollte dieser über #app importiert werden, sonst ist die Einführung nicht erfolgreich!


    So führen Sie den CSS-Stil in vue.js ein

2. Ändern Sie @import in <style src=""></style>, um externe Stile einzuführen


Verwandte Lernempfehlungen: Tutorial zum Javascript-Lernen

Das obige ist der detaillierte Inhalt vonSo führen Sie den CSS-Stil in vue.js ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn