Vue-da CSS klasslari bilan inline obyekt

CSS klasslari obyektini to'g'ridan-to'g'ri class atributi qiymati sifatida yozish mumkin:

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

Defis qatnashgan klass nomlarini tirnoq ichiga olish kerak:

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

javascript{active: true, valid: false}