Vue, utilisez un composant à l'intérieur d'un autre composant

Voici comment importer un composant dans un autre composant dans Vue.js

Supposons que vous ayez un composant Pixel danssrc/components/Pixel.vue

Dans un autre composant, Canvas, situé danssrc/components/Canvas.vue, vous pouvez importer ce composant Pixel en l'important dans lescriptbalise du composant Vue Single File:

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

<script> import Pixel from ‘./Pixel’

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

Téléchargez mon gratuitManuel de Vue


Plus de tutoriels vue: