作用域插槽

<!--  -->
<template>
  <slatcmp v-slot="{ item, index }">
    {{ item.name }} == {{ index }}
  </slatcmp>
</template>
<script lang="ts" setup>
import slatcmp from './slotcmp.vue'
</script>

<template>
  <div>
    <ul>
      <li v-for="(item, index) in list">
        <slot :item="item" :index="index"></slot>
      </li>
    </ul>
  </div>
</template>
<script lang="ts" setup>
import { reactive } from 'vue'
let list = reactive([
  { name: 'zs' },
  { name: 'ls' },
  { name: 'ww' }
])
</script>