Inline-objekti CSS-luokilla Vue:ssa
CSS-luokkien objektin voi kirjoittaa
suoraan class-attribuutin
arvoksi:
<template>
<p :class="{active: true, error: false}">
teksti
</p>
</template>
Luokat, joiden nimissä on tavuviiva, on suljettava lainausmerkkeihin:
<template>
<p :class="{active: true, 'has-error': false}">
teksti
</p>
</template>
Annettu on seuraava objekti CSS-luokilla:
{active: true, valid: false}
Sovella tätä objektia johonkin tagiin.
