Vue да CSS синфлари билан инлайн объект

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}