Aus dem Kurs: Vue.js Grundkurs

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Umgang mit CSS

Umgang mit CSS – Tutorial zu Vue.js

Aus dem Kurs: Vue.js Grundkurs

Gratismonat starten Für Ihr Team erwerben

Umgang mit CSS

“

CSS-Formatierung können Sie bei einem Vue-Projekt auf verschiedene Arten einbinden und integrieren. Erst einmal können Sie innerhalb von main.js bspw. eine Datei importieren. Wir machen das bei dem Projekt und importieren die Datei main.css aus dem assets-Ordner. Die Formatierungen die dort stehen, gelten global für das ganze Projekt. D.h., das sollten sie eben auch für globale Formatierungen nutzen, wie die grundlegende Schrift bspw. Dann können Sie bei einzelnen Komponenten auch noch Formatierungen angeben im style-Bereich. Und Sie können, wenn Sie möchten, bei style auch noch "scoped" ergänzen. Wenn Sie "scoped" hinschreiben, dann haben Sie die Garantie, dass die Formatierungen, die Sie angeben, wirklich nur bei der Komponente gelten und nicht sonst. Sehen wir uns an, wie das Vue bewerkstelligt. Es gibt ja nun Formatierungen für das Element mit der Klasse card und da habe ich "scoped" geschrieben und dann sehen Sie, gibt es solche kryptischen Angaben hinter data und die…

Inhalt