Vue :class आणि :style ला विशेष ऑब्जेक्ट आणि अॅरे सिंटॅक्स देते जेणेकरून तुम्ही प्रतिक्रियाशील स्थितीच्या आधारावर सशर्त वर्ग आणि इनलाइन शैलीदेही लागू करू शकता — हस्तनिर्मित वर्ग स्ट्रिंग्स पेक्षा स्वच्छ.
:class साठी ऑब्जेक्ट सिंटॅक्स — शर्तीनुसार वर्ग टॉगल करा
vue
<script setup>
import { ref } from "vue";
const isActive = ref(true);
const hasError = ref(false);
</script>
<template>
<!-- a class is applied when its value is truthy -->
<div :class="{ active: isActive, 'text-red': hasError }">...</div>
<!-- renders class="active" (active=true, text-red=false) -->
</template>