Obiect inline cu clase CSS în Vue
Un obiect cu clase CSS poate fi scris
direct ca valoare a atributului
class:
<template>
<p :class="{active: true, error: false}">
text
</p>
</template>
Clasele ale căror nume conțin liniuță, trebuie să fie puse în ghilimele:
<template>
<p :class="{active: true, 'has-error': false}">
text
</p>
</template>
Este dat următorul obiect cu clase CSS:
{active: true, valid: false}
Aplicați acest obiect unei etichete.