تحديث خصائص كائن بإستخدام reactive
ال reactive بتحول الكائن إلى حالة تفاعلية تقدر تعدل خصائصها
المثال داخل مشروع Vue 3 يدعم ملفات SFC
تطبيق الفكرة
بنغير خاصية الإسم داخل نفس الكائن
ملف App.vue
<script setup>
import { reactive } from "vue";
const user = reactive({ name: "Osama" });
</script>
<template>
<p>{{ user.name }}</p>
<button @click="user.name = 'Mona'">Change Name</button>
</template>النتيجة
الإسم بيتغير من Osama إلى Mona بعد الضغط
ملحوظة
تجنب فك خصائص الكائن لقيم عادية لو محتاج تحافظ على ارتباطها التفاعلي