在Vue.js中子组件中迭代槽的迭代槽内容

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

<template>
  <div>
    <child-component>
      <template v-for="item in items">
        <slot :item="item"></slot>
      </template>
    </child-component>
  </div>
</template>

<template>
  <div>
    <child-component>
      <template v-for="item in items">
        <template v-slot:default="{ item }">
          <p>{{ item }}</p>
        </template>
      </template>
    </child-component>
  </div>
</template>