- 组件的插槽:
(1)组件的插槽是为了让我们封装的组件更加具有扩展性;
(2)让使用者可以决定组件内部的一些内容到底展示什么。
- 例子
(1)移动开发中,几乎每个页面都有导航栏
(2)导航栏我们必须封装成一个插件,比如nav-bar组件,
(3)一但有了这个组件,我们可以在多个页面中复用了。
- 如何封装这类组件?Slot
(1)抽取共性,保留不同
(2)共性抽取到组件中,将不同暴露为插槽
(3)是搜索框,还是文字,还是菜单,由调用者自己来决定。
组件cpn里定义了一个slot,在调用cpn时,我们通过传递不同的参数来决定slot显示不同的内容;
最终显示内容:
也可以给slot默认的参数:
在调用cpn组件时,如果没有写参数,就是默认的。
如果写了,那就是自己写的参数。如上结果为:
注意:如果调用cpn时定义了多个值,则多个值都会被替换了。
网友评论