مكتبة مكونات لقاعدة VueJs (Vue 3) على Tailwind Css.
لاستخدامه، افتح المحطة الطرفية الخاصة بك في الدليل المطلوب وقم بتشغيل الأمر التالي:
npm install ispa-element
ثم قم بإضافة المكتبة إلى مشروع JS الرئيسي الخاص بك
import { createApp } from 'vue'
import iSPAElement from 'ispa-element'
const app = createApp ( App )
app . use ( iSPAElement ) . mount ( '#app' )
هذه هي الطريقة الموصى بها إذا كان تطبيقك يستخدم vue-cli أو يحتوي على بنية تعتمد على حزمة الويب مع تكوين vue-loader. قم باستيراد المكونات كملفات .vue للتكامل السلس داخل مشروعك حيث يتوفر مسار كل مكون في قسم "الاستيراد" في وثائق المكون.
import { IButton } from 'ispa-element'
في الخطوة التالية، قم بتسجيل المكون باسم العلامة الذي ترغب في استخدامه.
// In app.js
import { createApp } from 'vue'
const app = createApp ( App )
app . component ( IButton . name , IButton )
// OR app.component('i-button', IButton)
app . mount ( '#app' )
// In component.vue
export default {
components : { IButton }
}
::: نصيحة ملاحظة: يمكنك استخدام أي اسم علامة، ولكن لاحظ أن اسم العلامة هذا قد يتعارض مع اسم علامة أخرى، لذا تأكد من أنه اسم علامة فريد لاستخدامه. :::
يرجى زيارة هنا لقراءة الوثائق الكاملة لعنصر iSPA.
شكرًا لمكتبة PrimeVue وElement UI المذهلة، لقد تم استلهام نسختنا الأولى من هذه المكتبة.
يمكنك متابعة سجلات التغيير بالنقر هنا (CHANGELOG.md)
يتم الحفاظ عليه بموجب إرشادات الإصدار الدلالي.
معهد ماساتشوستس للتكنولوجيا © Malayvuong
إذا أعجبك هذا المشروع وتريد المساهمة معنا، فيمكنك مراسلتنا عبر البريد الإلكتروني عبر [email protected] لمزيد من المعلومات.
⬆ العودة إلى الأعلى