Inline αντικείμενο με CSS κλάσεις στο Vue

Ένα αντικείμενο με CSS κλάσεις μπορεί να γραφτεί απευθείας ως τιμή του χαρακτηριστικού class:

App.vue<template>
  <p :class="{active: true, error: false}">
    κείμενο
  </p>
</template>

Οι κλάσεις των οποίων τα ονόματα περιέχουν παύλα, πρέπει να περικλείονται σε εισαγωγικά:

App.vue<template>
  <p :class="{active: true, 'has-error': false}">
    κείμενο
  </p>
</template>

javascript{active: true, valid: false}