Vue में CSS क्लासेस के साथ इनलाइन ऑब्जेक्ट
CSS क्लासेस वाली ऑब्जेक्ट को सीधे
class एट्रीब्यूट के वैल्यू के रूप में
लिखा जा सकता है:
<template>
<p :class="{active: true, error: false}">
text
</p>
</template>
हाइफन वाले क्लास नामों को कोट्स में लिखना आवश्यक है:
<template>
<p :class="{active: true, 'has-error': false}">
text
</p>
</template>
निम्नलिखित ऑब्जेक्ट CSS क्लासेस के साथ दिया गया है:
{active: true, valid: false}
इस ऑब्जेक्ट को किसी टैग पर लागू करें।
