Oggetto inline con classi CSS in Vue
Un oggetto con classi CSS può essere scritto
directamente come valore dell'attributo
class:
<template>
<p :class="{active: true, error: false}">
text
</p>
</template>
Le classi i cui nomi contengono un trattino devono essere racchiuse tra virgolette:
<template>
<p :class="{active: true, 'has-error': false}">
text
</p>
</template>
Viene fornito il seguente oggetto con classi CSS:
{active: true, valid: false}
Applica questo oggetto a un tag qualsiasi.