本文详细介绍了Vue中插槽的使用，包括基本插槽、具名插槽和作用域插槽。插槽允许组件更加灵活地扩展内容，实现组件的复用与定制。通过设置默认值，简化了部分重复内容的配置。具名插槽提供了选择替换特定内容的能力，而作用域插槽则允许父组件控制子组件的模板编译，增强了组件间的交互性。
slot插槽
插槽的基本使用
- 组建的插槽是为了让我们封装的组件更加有拓展性
- 让使用者可以决定组件内部的一些内容到底展示什么
原来的写法 四个组件输出的都是一样的 想要进行某一个的不同设置 无法做到 可扩展性不强
相似性很强 结构一样但是内容不一样 用slot
抽取共性 保留不同
出现插槽里面button过多 只有一两个不一样的时候 此时再一个一个设置button就有点繁琐
可以给插槽设置默认值为button
如果同时出现多个值 则当做一个全部把默认的slot（button）进行替换掉 最后全部显示
具名插槽
给slot设置name 就可以选定替换
作用域插槽
编译作用域
父组件模板的所有东西都会在父级作用域内进行编译
子组件模板的所有东西都会在子级作用域内进行编译
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
