Obiekt inline z klasami CSS w Vue
Obiekt z klasami CSS można zapisać
bezpośrednio jako wartość atrybutu
class:
<template>
<p :class="{active: true, error: false}">
text
</p>
</template>
Klasy, których nazwy zawierają myślnik, należy ująć w cudzysłów:
<template>
<p :class="{active: true, 'has-error': false}">
text
</p>
</template>
Dany jest następujący obiekt z klasami CSS:
{active: true, valid: false}
Zastosuj ten obiekt do dowolnego tagu.
