LikeHeaderでローカル登録したコンポーネントをAppで表示する #Vue.js

(1)LikeHeader.vueファイルを作る

（２）importしてコンポーネント登録する

src/App.vue

<template>
<div>
  <LikeHeader></LikeHeader>
  <LikeNumber></LikeNumber>
</div>
</template>

<script>
import LikeHeader from "./LikeHeader.vue";

export default {
  components: {
    LikeHeader: LikeHeader
  }
};
</script>

*ES6では

src/App.vue

  components: {
    LikeHeader
  }

キーとバリューが同じ場合は省略してかける

まずLikeHeaderファイルをコードディング

src/LikeHeader.vue

<template>
  <h1>いいね</h1>
</template>