Vue-dä CSS klaslarynyň obyekti

CSS klaslary şeýle-de obyektlerde saklanyp bilner. Bu ýagdaýda klaslaryň adlary obyektiň açarlary bolup, obyektiň elementleri bolsa logiki bahalar bolar. Eger baha true bolsa, onda klas elemente goşular, ýöne eger false bolsa, goşulmaz.

Geliň amalyýetda synap göreli. Bizde aşakdaky klaslaryň obyekti bolsun:

javascriptdata() {
  return {
    obj: {
      active: true,
      valid:  false,
    },
  }
}

Bu obyekdi taga çyňýatalyň:

App.vue<template>
  <p :class="obj">tekst</p>
</template>

javascriptdata() {
  return {
    obj: {
      done: true,
      selected:  false,
    },
  }
}