ਤੁਸੀਂ 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>