كيفية استيراد المكونات في Svelte

تعرف على كيفية استيراد المكونات في Svelte

يوفر Svelte مكونات ملف واحد. يتم التصريح عن كل مكون في ملف.svelteوهناك يمكنك كتابة ترميز HTML و CSS وجافا سكريبت اللازمة.

إليك مثال بسيط لمكون Svelte ، يعيش في ملف يسمىButton.svelte:

<button>A button</button>

أنتعلبةأضف CSS و JS إلى هذا المكون ، لكن ترميز HTML العادي هذا هو بالفعل ترميز المكون ، فلا داعي لتغليفه في علامة خاصة أخرى أو أي شيء.

لتصدير هذا الترميز من هذا المكون ، لا يتعين عليك فعل أي شيء. يمكنك الآن استيراده إلى أي مكون Svelte آخر باستخدام ملفimport ComponentName from 'componentPath'بناء الجملة:

<script>
import Button from './Button.svelte';
</script>

والآن يمكنك استخدام المكون الذي تم استيراده حديثًا في الترميز ، مثل علامة HTML:

<Button />

تحميل مجانيكتيب Svelte


المزيد من البرامج التعليمية svelte: