Objek Inline dengan Kelas CSS dalam Vue

Objek dengan kelas CSS boleh ditulis secara langsung sebagai nilai atribut class:

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

Kelas yang namanya mengandungi sengkang, perlu diletakkan dalam tanda petik:

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

javascript{active: true, valid: false}