تفعيل Class حسب الحالة
تقدر تبعت كائن إلى class علشان تضيف أسماء حسب شروط
المثال داخل مشروع Vue 3 يدعم ملفات SFC
تطبيق الفكرة
القيمة المنطقية بتحدد هل الكلاس موجود ولا لا
ملف App.vue
<script setup>
import { ref } from "vue";
const active = ref(false);
</script>
<template>
<button :class="{ active }" @click="active = !active">Toggle</button>
</template>النتيجة
الكلاس active بيتضاف بعد الضغط وبيتزال مع الضغط مرة تانية
ملحوظة
إضافة الكلاس لوحدها مش بتغير الشكل إلا لو ليه قواعد CSS في مشروعك