مواصفات صيغة المكونات أحادية الملف ​

نظرة عامة ​

المكونات أحادية الملف في Vue، يصطلح عليها باستخدام امتداد الملف vue.*، هي صيغة ملف مخصصة تستخدم صيغة على نحو شبيه بـ HTML لوصف مكون Vue. المكونات أحادية الملف في Vue تتوافق من حيث الصيغة مع HTML.

كل ملف *.vue يتكون من ثلاثة أنواع من الكتل اللغوية ذات المستوى الأعلى: <template>، <script>، و <style>، واختياريًا كتل مخصصة إضافية:

<template>
  <div class="example">{{ msg }}</div>
</template>

<script>
export default {
  data() {
    return {
      msg: 'مرحبًا'
    }
  }
}
</script>

<style>
.example {
  color: red;
}
</style>

<custom1>
  يمكن أن يكون هذا على سبيل المثال توثيق للمكون.
</custom1>

الكتل اللغوية ​

<template> ​

• كل ملف *.vue يمكن أن يحتوي على كتلة <template> ذات مستوى أعلى واحد على الأكثر.

• ستُستخرج المحتويات وتُمرر إلى vue/compiler-dom@، وتصييرها مسبقًا إلى دوال تصيير، وتعليقها على المكون المصدر داخل خيار render.

<script>