目录
一、solt（插槽）简介：
1、引入：
- 生活中的插槽，电脑的USB插槽，插板当中的电源插槽。
- 插槽的目的是让我们原来的设备具备更多的扩展性。比如电脑的USB我们可以插入U盘、硬盘、音响、键盘、鼠标等。
2、组件的插槽：
- 组件的插槽也是为了让封装的组件更加具有扩展性。让使用者决定展示什么内容到组件内部。
- 例子：移动网站中的导航栏。移动开发中，几乎每个页面都有导航栏。导航栏我们必然会封装成一个插件，比如 nav-bar 组件。有了这个组件，就可以在多个页面中复用了。
- 但是，每个页面的导航是一样的吗？不是的，我们可以以京东为例
3、如何去封装这类的组件呢？
- 它们有区别，也有共性。
- 如果，我们每一个单独去封装一个组件，显然不合适：比如每个页面都返回，这部分内容我们就要重复去封装。但是，如果我们封装成一个，也不合理：有些左侧是菜单，有些是返回，有些中间是搜索，有些是文字，等等。
4、如何封装合适呢？抽取共性，保留不同。
- 最好的封装方式就是将共性抽取到组件中，将不同暴露为插槽。
- 一旦我们预留了插槽（相当于预留了一块空间），就可以让使用者根据自己的需求，决定插槽中插入什么内容。是搜索框，还是文字，还是菜单。由调用者自己来决定。
5、slot基本使用
- 在子组件中，使用特殊的元素<slot>就可以为子组件开启一个插槽。
- 该插槽插入什么内容取决于父组件如何使用。
6、例子：
- 插槽的基本使用 <slot></slot>
- 插槽的默认值 <slot>button</slot>
- 如果有多个值, 同时放入到组件进行替换时, 一起作为替换元素
- <slot>中的内容表示，如果没有在该组件中插入任何其他内容，就默认显示该内容
<body>
<div i
最低0.47元/天 解锁文章
187
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
