插槽-slot

  1. 组件的插槽:

(1)组件的插槽是为了让我们封装的组件更加具有扩展性;

(2)让使用者可以决定组件内部的一些内容到底展示什么。

  1. 例子

(1)移动开发中,几乎每个页面都有导航栏

(2)导航栏我们必须封装成一个插件,比如nav-bar组件,

(3)一但有了这个组件,我们可以在多个页面中复用了。

  1. 如何封装这类组件?Slot

(1)抽取共性,保留不同

(2)共性抽取到组件中,将不同暴露为插槽

(3)是搜索框,还是文字,还是菜单,由调用者自己来决定。

组件cpn里定义了一个slot,在调用cpn时,我们通过传递不同的参数来决定slot显示不同的内容;

最终显示内容:

也可以给slot默认的参数:

在调用cpn组件时,如果没有写参数,就是默认的。

如果写了,那就是自己写的参数。如上结果为:


注意:如果调用cpn时定义了多个值,则多个值都会被替换了。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容