Inline objektum CSS osztályokkal Vue-ban

A CSS osztályokkal rendelkező objektumot közvetlenül írhatjuk a class attribútum értékeként:

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

A kötőjelet tartalmazó osztályneveket idézőjelek közé kell tenni:

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

javascript{active: true, valid: false}