សារសំខាន់​នៃ​សមាសភាគ (component) គឺ​វា​អាច​ត្រូវ​យកទៅ​ប្រើប្រាស់​ជា​មូលដ្ឋាន​គ្រឹះ​នៅ​ក្នុង​សមាសភាគ​ដទៃ​ទៀត​បាន (reusable) ។ ហើយ​ការយក​សមាសភាគ​មក​ប្រើ គឺ​ត្រូវ​ធ្វើ​ឡើង​តាម​រយៈការនាំ​ចូល​ ដោយ​ប្រើ​បញ្ជា import នៅ​ក្នុង​ផ្នែក​ ES6 របស់​សមាសភាគ​ដែល​នាំ​ចូល​។

 

<!--src/components/Child.svelte-->
<script>
    let info = "សមាសភាគ​ត្រូវ​នាំ​ចូល"
</script>

<p>{info}</p>

 

<!--src/routes/+page.svelte-->
<script>
    import Child from "../components/Child.svelte"
</script>

<Child />

 

ក្រោយ​ពី​ត្រូវ​បាន​នាំ​ចូល​រួច​ហើយ សមាសភាគត្រូវ​យក​ទៅ​ប្រើ​នៅ​ក្នុង​ផ្នែក​ពុម្ព​គំរូ ដោយ​ការ​សរសេរ​ថា <Child /> ដែល​នឹង​ធ្វើ​អោយ​កូដ​នៅ​ក្នុង​នោះ​ដំណើរការ​និង​ផ្តល់លទ្ធផល​នៅ​កន្លែង​ដែល​​វា​ត្រូវ​យក​ទៅ​ប្រើ​។

 

យើង​ត្រូវ​ធ្វើការ​កត់​ចំណាំ​ថា ជា​ទូទៅ​គេ​និយម​ដាក់​ឈ្មោះ​អោយ​សមាសភាគ​ជា​អក្សរ​ឡាតាំង​ធំ​នៅ​ខាង​ដើម​ ដើម្បី​អោយ​មាន​ការងាយ​ស្រួល​ក្នុង​ការចំណាំ​ថា​វា​ជា​សមាសភាគ ខុស​ពី​អថេរ​ទាំងឡាយ​មាន​នៅ​ក្នុង​ផ្នែក ES6 ​​​​​​​​​៕