Vue3中作用域插槽的高级用法 官网
作用域插槽可结合v-for等指令使用,实现更复杂的功能。 !-- 子组件 --template #default="{ items }" ul li v-for="item in items" :key="item.id"{ { item.name } }/li /ul/template!-- 父组件 --ChildComponent template #default="{ items }" ul li v-for="item in items" :key="item.id"自定义显示: { { item.name } }/li /ul /template/ChildComponent// 运行结果:页面显示子组件传递数据的自定义列表 使用v-for时要保证key的唯一性,避免出现渲染问题。