Vue-da CSS klaslary bilen inlayn obyekt

CSS klaslary bilen obyekt class atributynyň bahasy hökmünde gönüden-göni ýazyp bolýar:

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

Ady defisi öz içine alýan klaslar dyngylyk işara çyzgylaryna alynmaly:

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

javascript{active: true, valid: false}