.vue

مكون Vue أحادي الملف

تفاصيل امتداد الملف

121

البحث

برمجة

ما هو ملف .vue؟

Your ad content here

يرتبط الامتداد .vue بشكل أساسي بإطار عمل Vue.js، وهو إطار عمل جافاسكريبت تدريجي يُستخدم لبناء واجهات المستخدم وتطبيقات الصفحة الواحدة (Single-Page Applications). يُعد ملف .vue تنسيق ملف مخصص يغلف قالب HTML، ومنطق JavaScript، وأنماط CSS لمكون معين داخل تطبيق Vue.js. يعزز هذا التغليف النمطية (modularity)، والقابلية لإعادة الاستخدام (reusability)، وقابلية الصيانة (maintainability) في المشاريع واسعة النطاق. يحتوي الملف عادةً على ثلاثة كتل (blocks) رئيسية على المستوى الأعلى: `<template>، و<script>، و<style>. تحدد كتلة <template>

 بنية HTML للمكون، باستخدام صيغة قالب Vue (template syntax) لربط البيانات (data binding) والتوجيهات (directives). تحتوي كتلة

<script>

 على كود JavaScript الذي يحدد بيانات المكون، والوظائف (methods)، والخصائص المحسوبة (computed properties)، وخطافات دورة الحياة (lifecycle hooks). تحتوي كتلة

<style>

 على أنماط CSS التي تحدد المظهر البصري للمكون. يمكن أن تكون هذه الأنماط مُنظَّمة حسب النطاق (scoped) للمكون، مما يمنع تضارب الأنماط مع أجزاء أخرى من التطبيق. تُستخدم أدوات البناء (Build tools) مثل webpack أو Parcel بشكل شائع لمعالجة ملفات

.vue`، وتحويلها إلى HTML وJavaScript وCSS قياسية يمكن لمتصفحات الويب فهمها. تتضمن هذه العملية غالبًا الترجمة المسبقة (transpilation) (على سبيل المثال، باستخدام Babel لجافاسكريبت) والمعالجة المسبقة لـ CSS (على سبيل المثال، باستخدام Sass أو Less).

.vue File

مكون Vue أحادي الملف

البرامج المتوافقة Alternatives

121

البحث

برمجة

الفئة

Your ad content here

توافق البرامج

Programs that can open and work with .vue files

ويندوز

التطبيقات المتوافقة

Visual Studio Code (مع إضافات Vue)

Compatible

Sublime Text (مع إضافات Vue)

Compatible

Atom (مع حزم Vue)

Compatible

WebStorm

Compatible

Notepad++

Compatible

Your ad content here

ماك أو إس

التطبيقات المتوافقة

Visual Studio Code (مع إضافات Vue)

Compatible

Sublime Text (مع إضافات Vue)

Compatible

Atom (مع حزم Vue)

Compatible

WebStorm

Compatible

TextEdit

Compatible

لينوكس

التطبيقات المتوافقة

Visual Studio Code (مع إضافات Vue)

Compatible

Sublime Text (مع إضافات Vue)

Compatible

Atom (مع حزم Vue)

Compatible

WebStorm

Compatible

gedit

Compatible

vim

Compatible

nano

Compatible

Your ad content here

الهاتف المحمول

تطبيقات الهاتف المحمول

CodeSandbox (قائم على الويب)

Compatible

StackBlitz (قائم على الويب)

Compatible

Your ad content here