إخفاء عنصر مع الإحتفاظ به بإستخدام v-show
ال v-show بتغير عرض العنصر عن طريق CSS من غير إزالته من DOM
المثال داخل مشروع Vue 3 يدعم ملفات SFC
تطبيق الفكرة
الفقرة بتفضل موجودة حتى لما تكون مخفية
ملف App.vue
<script setup>
import { ref } from "vue";
const visible = ref(true);
</script>
<template>
<p v-show="visible">Details</p>
<button @click="visible = !visible">Toggle Details</button>
</template>النتيجة
الفقرة بتختفي بعد الضغط ومحتواها بيفضل موجود في DOM