親コンポーネントから子コンポーネントへhtmlごと送る

App.vue

<template>
<div>
  <LikeHeader>
    <h1>トータルのいいね数</h1>
    <h2>{{ number }}</h2>
  </LikeHeader>
  <LikeNumber v-bind:total-number="number" @my-click = "incrementNumber">></LikeNumber>
  <LikeNumber v-bind:total-number="number"></LikeNumber>
</div>
</template>

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

export default {
  data() {
    return {
    number: 14
    };
  },
  components: {
    LikeHeader
  },
  methods: {
    incrementNumber(value) {
      this.number = value
    }
  }
};
</script>

<style scoped>
  div {
    border: 1px solid blue;
  }
</style>

LikeHeader.vue

<template>
 <div>
   <slot></slot>
 </div>
</template>

（親コンポーネント）子コンポーネントタグの中にHTMLごと入れてしまう
（子コンポーネント）タグで受ける