CSS класе преко data у Vue-у

CSS класе се могу додати елементу у зависности од вредности својстава објекта data. Погледајмо на примеру. Нека имамо следећа својства:

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

Додајмо елементу CSS класе у зависности од вредности наших својстава:

App.vue<template>
  <p :class="{active: isActive, error: hasError}">
    текст
  </p>
</template>

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