5.3 插槽 (Slots) 与内容分发

文档摘要

5.3 插槽 (Slots) 与内容分发 5.3 插槽 (Slots) 与内容分发在组件化开发中，我们经常会遇到这样的场景：一个组件的结构是固定的，但其内部的某些内容需要由使用该组件的父组件来决定。例如，一个卡片组件可能有一个固定的边框和阴影样式，但卡片内部的标题、正文、底部按钮等内容是变化的。如果仅仅通过 props 来传递这些内容（比如传递字符串或数字），对于复杂的 HTML 结构或组件实例来说会非常不便，甚至不可能。插槽（Slots）或内容分发（Content Distribution，React 中更常用的说法）正是为了解决这个问题而生。它允许父组件将一部分模板内容“注入”到子组件预留的特定位置中。这极大地提高了组件的灵活性和复用性。