Vue.js kurz & gut

KAPITEL 22

Direktiven

In diesem Kapitel werden alle Direktiven von Vue aufgeführt.

v-text

Erwartet: String

Aktualisiert textContent für ein Element:

<span v-text="message"></span>

v-html

Erwartet: String

Aktualisiert innerHTML für ein Element:

<div v-html="text"></div>

Das übergebene HTML wird dabei nicht vom Vue Template Compiler verarbeitet. Aus diesem Grund werden etwa CSS-Regeln von Single File Components mit dem Schlüsselwort scoped nicht vom HTML innerhalb von v-html erkannt.

v-show

Erwartet: egal

Setzt den Wert für das CSS-Attribut display für ein Element gemäß der Auswertung des übergebenen Ausdrucks:

<div v-show="battery < 20">

Please charge your device soon

</div>

Diese Direktive löst bei Wertänderungen Transitions aus.

v-if