Vue में CSS क्लासेस के साथ इनलाइन ऑब्जेक्ट

CSS क्लासेस वाली ऑब्जेक्ट को सीधे class एट्रीब्यूट के वैल्यू के रूप में लिखा जा सकता है:

App.vue<template>
  <p :class="{active: true, error: false}">
    text
  </p>
</template>

हाइफन वाले क्लास नामों को कोट्स में लिखना आवश्यक है:

App.vue<template>
  <p :class="{active: true, 'has-error': false}">
    text
  </p>
</template>

javascript{active: true, valid: false}