Vue හි data මඟින් CSS පන්ති

data වස්තුවේ ගුණාංගවල අගයන් මත පදනම්ව අංගයකට CSS පන්ති එකතු කළ හැකිය. උදාහරණයක් දෙස බලමු. අපට පහත ගුණාංග ඇතැයි සිතමු:

javascriptdata() {
  return {
    isActive: true,
    hasError: true,
  }
}

අපගේ ගුණාංගවල අගයන් මත පදනම්ව අංගයට CSS පන්ති එකතු කරමු:

App.vue<template>
  <p :class="{active: isActive, error: hasError}">
    පෙළ
  </p>
</template>

javascriptdata() {
  return {
    isValid: true,
    isDisabled: true,
  }
}