ربط حقل نص بالحالة بإستخدام v-model
ال v-model بتربط قيمة الحقل بالحالة في الاتجاهين
المثال داخل مشروع Vue 3 يدعم ملفات SFC
تطبيق الفكرة
أي كتابة داخل الحقل بتحدث الإسم المعروض
ملف App.vue
<script setup>
import { ref } from "vue";
const name = ref("Osama");
</script>
<template>
<label>Name <input v-model="name"></label>
<p>{{ name }}</p>
</template>النتيجة
النص المكتوب في الحقل بيظهر مباشرة في الفقرة