Inline-Objekt mit CSS-Klassen in Vue
Ein Objekt mit CSS-Klassen kann
direkt als Wert des Attributs
class geschrieben werden:
<template>
<p :class="{active: true, error: false}">
text
</p>
</template>
Klassen, deren Namen einen Bindestrich enthalten, müssen in Anführungszeichen gesetzt werden:
<template>
<p :class="{active: true, 'has-error': false}">
text
</p>
</template>
Gegeben ist das folgende Objekt mit CSS-Klassen:
{active: true, valid: false}
Wenden Sie dieses Objekt auf ein beliebiges Tag an.
