Objet inline avec des classes CSS dans Vue

Un objet avec des classes CSS peut être écrit directement comme valeur de l'attribut class :

App.vue<template>
  <p :class="{active: true, error: false}">
    texte
  </p>
</template>

Les classes dont les noms contiennent un trait d'union doivent être mises entre guillemets :

App.vue<template>
  <p :class="{active: true, 'has-error': false}">
    texte
  </p>
</template>

javascript{active: true, valid: false}