Inline-objekti CSS-luokilla Vue:ssa

CSS-luokkien objektin voi kirjoittaa suoraan class-attribuutin arvoksi:

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

Luokat, joiden nimissä on tavuviiva, on suljettava lainausmerkkeihin:

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

javascript{active: true, valid: false}