Skip to Main Content
Vue.js kurz & gut
book

Vue.js kurz & gut

by Lars Peterke
February 2019
Intermediate to advanced content levelIntermediate to advanced
216 pages
2h 55m
German
dpunkt
Content preview from Vue.js kurz & gut

KAPITEL 5

Klassen und Styles verknüpfen

Mindestens genauso wichtig wie das Rendering von Daten in einem Template ist die dynamische Anpassung von Klassen oder Styles für ein HTML-Element basierend auf den Daten der Vue-Instanz. Da es sich bei class und style um herkömmliche HTML-Attribute handelt, kann mit v-bind eine Verknüpfung mit den Daten realisiert und so etwa ein String mit Klassennamen erzeugt werden.

Damit das nicht zu mühselig wird, bietet Vue für diese zwei Attribute einige Zusatzfunktionen an, mit denen auch Arrays oder ganze Objekte innerhalb von v-bind ausgewertet werden können, um die Klassen oder Styles für ein HTML-Element zu rendern.

CSS-Klassen verknüpfen

Vue stellt verschiedene syntaktische Varianten bereit, um CSS-Klassen ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Rechnerarchitektur, Betriebssysteme, Rechnernetze

Rechnerarchitektur, Betriebssysteme, Rechnernetze

Heinz-Peter Gumm, Manfred Sommer
Go – Das Praxisbuch

Go – Das Praxisbuch

Andreas Schröpfer

Publisher Resources

ISBN: 9781492071679