Vue.js هو إطار عمل JavaScript تقدمي لبناء واجهات المستخدم. تعني كلمة "تقدمي" أنه يمكنك تبنيه بشكل تدريجي — ضعه في جزء واحد من صفحة، أو استخدم نظامه البيئي الكامل لبناء تطبيق صفحة واحدة كاملة.
مكون بسيط
vue
<script setup>
import { ref } from "vue";
const count = ref(0); // reactive state
</script>
<template>
<button @click="count++">Count is {{ count }}</button>
</template>
هذا المكون ذو الملف الواحد يجمع المنطق ()، والتصميم ()، والأنماط () معاً — النقر على الزر يحدّث ، و Vue يعيد رسم النص تلقائياً.