Objeto inline com classes CSS em Vue
Um objeto com classes CSS pode ser escrito
diretamente como o valor do atributo
class:
<template>
<p :class="{active: true, error: false}">
texto
</p>
</template>
Classes cujos nomes contêm hífen devem ser colocadas entre aspas:
<template>
<p :class="{active: true, 'has-error': false}">
texto
</p>
</template>
É dado o seguinte objeto com classes CSS:
{active: true, valid: false}
Aplique este objeto a alguma tag.
