スロットプロパティ
子の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"でもよい