vue插槽是模板级内容分发机制,非通信或数据传递;默认插槽用无名,支持后备内容;具名插槽通过name属性精准投递;作用域插槽可向父组件传递子组件数据。

Vue插槽(Slot)本质是子组件预留的内容“入口”,父组件传什么,它就渲染什么——不是父子通信,也不是数据传递,而是模板级的内容分发机制。
默认插槽:最常用、最直接的占位方式
子组件用一个无名
它支持后备内容:在
- 子组件中只能有一个默认插槽逻辑上最清晰;多个默认插槽会导致内容重复渲染,容易出错
- 父组件传入的内容保持原有作用域——能访问父组件的 data、methods、计算属性,但无法读取子组件内部的数据
- 传入内容可以是纯文本、HTML 标签、其他组件,甚至带 v-if / v-for 的复杂结构
具名插槽:给不同位置起名字,精准投递
当一个组件需要多个可定制区域(比如页头、主体、页脚),就用 name 属性区分插槽:
子组件里写:

