CSS классы через data в Vue

CSS classes zinaweza kuongezwa kwa kipengele kulingana na thamani za sifa za kitu data. Hebu tuangalie kwa mfano. Hebu tuseme tuna sifa zifuatazo:

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

Wacha tuongeze CSS classes kwa kipengele kulingana na thamani ya sifa zetu:

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

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