Inline-Objekt mit CSS-Klassen in Vue

Ein Objekt mit CSS-Klassen kann direkt als Wert des Attributs class geschrieben werden:

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

Klassen, deren Namen einen Bindestrich enthalten, müssen in Anführungszeichen gesetzt werden:

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

javascript{active: true, valid: false}