Vue ، استخدم مكونًا داخل مكون آخر

فيما يلي كيفية استيراد مكون داخل مكون آخر في Vue.js

لنفترض أن لديك مكون Pixel بتنسيقsrc/components/Pixel.vue

في مكون آخر ، Canvas ، الموجود فيsrc/components/Canvas.vue، يمكنك استيراد مكون Pixel هذا عن طريق استيراده داخل ملفscriptعلامة مكون الملف الفردي Vue:

<template>
  <p>Canvas</p>
  <Pixel />
</template>

<script> import Pixel from ‘./Pixel’

export default { name: ‘App’, components: { Pixel } } </script>

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


المزيد من دروس vue: