slot ~HTML要素を子コンポーネント側に渡す~

親コンポーネント側

子コンポーネントのタグで囲んだ要素が渡される。

<Child>
    <h1>いいね数</h1>
    <h2>{{ number }}</h2>
</Child>

子コンポーネント側

渡された要素がslotタグの箇所に表示される。

<div>
    <slot>フォールバックコンテンツ</slot> // フォールバックコンテンツ：親から渡される要素がない時に表示されるコンテンツ
</div>

子コンポーネントで定義されている値（propsも含む）は親から渡すHTML要素内で使うことはできない。ただしCSSは使える。