スロットプロパティ

子のslotタグで指定した属性は、親のv-slot属性でスロットプロパティ(ここではslotProps)を渡すことで使える

コンポーネント

<Child>
    <template v-slot:title="slotPlops">
        <h1>いいね数</h1>
        <h2>{{ slotPlops.user.firstName }}</h2>
    </template>
</Child>

コンポーネント

<div>
    <slot name="title" :user="user"></slot>
</div>
 
data() {
    return {
        user: {
            firstName: "gelard"

デフォルトスロットしかない場合、

<Child v-slot:default="slotProps"></Child>
// コンポーネントのタグにv-slot属性を記述
// 省略系v-slot="slotProps"でもよい