Inline objektum CSS osztályokkal Vue-ban
A CSS osztályokkal rendelkező objektumot
közvetlenül írhatjuk a
class attribútum értékeként:
<template>
<p :class="{active: true, error: false}">
szöveg
</p>
</template>
A kötőjelet tartalmazó osztályneveket idézőjelek közé kell tenni:
<template>
<p :class="{active: true, 'has-error': false}">
szöveg
</p>
</template>
Adott a következő objektum CSS osztályokkal:
{active: true, valid: false}
Alkalmazza ezt az objektumot valamilyen tag-re.