什么时候想到插槽
卡片、对话框、页面骨架这类「外壳固定、内容多变」的组件,硬编码内容只会越改越劝退。插槽就是把「可变区域」留出来。
分层使用
- 只有一块内容:默认插槽就够
- 标题、操作区、正文分开:具名插槽
- 父组件需要拿到子组件内部数据再决定怎么渲染:才用作用域插槽
作用域插槽很强,但也容易把父子边界搅糊。我给自己的规则是:能用 props + 默认插槽解决的,先不上升复杂度。
插槽组件
卡片、对话框、页面骨架这类「外壳固定、内容多变」的组件,硬编码内容只会越改越劝退。插槽就是把「可变区域」留出来。