إطارات العمل (Vue 3 Framework)

عودة للقسم

أساسيات ومفاهيم Vue 3 الحديثة

تعلم كيفية بناء تطبيقات ويب تفاعلية وعالية الأداء باستخدام إطار العمل المتطور Vue 3:

1. استدعاء مكتبة Vue 3 عبر CDN
// إضافة Vue 3 مباشرة في ملف الـ HTML
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
2. تحديد منطقة عمل التطبيق
// إنشاء حاوية ليتم التحكم بها عبر Vue
<div id="app">
    <h1>&#123;&#123; message &#125;&#125;</h1>
</div>
3. إنشاء وإطلاق تطبيق Vue
// ربط التطبيق بالعنصر الأساسي وتعرّيف المتغيرات
const { createApp } = Vue;

createApp({
    data() {
        return {
            message: "مرحباً بك في عالم Vue 3!"
        }
    }
}).mount('#app');