Vue、別のコンポーネント内のコンポーネントを使用する

Vue.jsの別のコンポーネント内にコンポーネントをインポートする方法は次のとおりです

にPixelコンポーネントがあるとしますsrc/components/Pixel.vue

別のコンポーネントでは、Canvasは次の場所にあります。src/components/Canvas.vue、そのPixelコンポーネントをインポートすると、scriptVueシングルファイルコンポーネントのタグ:

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

<script> import Pixel from ‘./Pixel’

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

私の無料ダウンロードVueハンドブック


その他のvueチュートリアル: