Vue和React中关于插槽的详细用法，能否一次性讲清楚？

本文共计3307个文字，预计阅读时间需要14分钟。

目录简述Slot基本插槽Vue基本插槽React基本插槽具名插槽Vue具名插槽React具名插槽的讨论模仿具名插槽属性插槽插槽传参Vue插槽传参React：render-props简述Slotslot是Vue组件中对插槽的一种抽象表示，它允许子组件向父组件传递内容。基本插槽Vue基本插槽React基本插槽具名插槽Vue具名插槽React具名插槽的讨论模仿具名插槽属性插槽插槽传参Vue插槽传参React：render-props简述Slotslot是Vue组件中对插槽的一种抽象表示，它允许子组件向父组件传递内容。

目录

• 简述Slot
• 基本插槽
• vue基本插槽
• react基本插槽
• 具名插槽
• vue具名插槽
• react具名插槽的讨论
• 模仿具名插槽
• 属性插槽
• 插槽传参
• vue插槽传参
• react：render-props

简述Slot

slot插槽是Vue对组件嵌套这种扩展机制的称谓，在react可以也这样称呼，但是并不很常见。不过叫slot确实很形象。