Oggetto inline con classi CSS in Vue

Un oggetto con classi CSS può essere scritto directamente come valore dell'attributo class:

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

Le classi i cui nomi contengono un trattino devono essere racchiuse tra virgolette:

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

javascript{active: true, valid: false}