Objeto inline con clases CSS en Vue
Un objeto con clases CSS se puede escribir
directamente como valor del atributo
class:
<template>
<p :class="{active: true, error: false}">
text
</p>
</template>
Las clases cuyos nombres contienen un guión se deben poner entre comillas:
<template>
<p :class="{active: true, 'has-error': false}">
text
</p>
</template>
Se da el siguiente objeto con clases CSS:
{active: true, valid: false}
Aplique este objeto a alguna etiqueta.
