vue 插槽(slot)使用

插槽使用场景:
子组件的展示内容是由父组件传递过来的数据

方案一:
通过父子组件传值来解决问题,但是如果传递内容过多则代码繁杂。
vue 插槽(slot)使用
方案二:
使用插槽01
vue 插槽(slot)使用
具名插槽02
vue 插槽(slot)使用
作用域插槽
使用场景:当子组件中的数据在多个地方被调用,被使用的地方的显示或组合不同,调用者使用包裹,slot-scope="props"来接受数据,props.item接受子组件传过来的item数据。
vue 插槽(slot)使用