Vue फ्रेमवर्क में class एट्रिब्यूट

class एट्रिब्यूट के साथ काम v-bind डायरेक्टिव या इसके संक्षिप्त रूप के माध्यम से होता है। आइए व्यवहार में देखें। मान लीजिए कि str प्रॉपर्टी में टैग की CSS क्लासेस स्टोर हैं, जो स्पेस से अलग की गई हैं:

javascriptdata() {
  return {
    str: 'active valid',
  }
}

इन CSS क्लासेस को किसी टैग में जोड़ें:

App.vue<template>
  <p :class="str">text</p>
</template>