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}