تعلم كيفية بناء تطبيقات ويب تفاعلية وعالية الأداء باستخدام إطار العمل المتطور Vue 3:
// إضافة Vue 3 مباشرة في ملف الـ HTML
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
// إنشاء حاوية ليتم التحكم بها عبر Vue
<div id="app">
<h1>{{ message }}</h1>
</div>
// ربط التطبيق بالعنصر الأساسي وتعرّيف المتغيرات
const { createApp } = Vue;
createApp({
data() {
return {
message: "مرحباً بك في عالم Vue 3!"
}
}
}).mount('#app');