vue插槽传送和接收item
子组件:
<!-- 循环父组件传递过来的数据 -->
<div v-for="(item, index) in data" :key="index">
<!-- 使用插槽,将 item 作为插槽的 scope -->
<slot :item="item"></slot>
</div>
父组件:
vue2:
<!--使用 slot-scope 定义作用域插槽 -->
<template #item-slot slot-scope="{ item }">
</template>
vue3:
<!--使用 v-slot 定义作用域插槽 -->
<template #item-slot="{ item }">
</template>