vue slot

vue slot用法1:

slot主要是让组件的可扩展性更强

1.匿名slot使用

//定义组件

<div class="Component>

<slot></slot>

</div>

//使用方法

<component>

<p>slot内容,可以放任何标签</p>

</component>

2.具名slot使用

//定义组件

<div class="Component>

<slot name="Slot"></slot>

</div>

//使用方法

<component>

<p slot="Slot>可以放任何标签,但必须加上slot="Slot",不然会报错</p>

</component>

如果不在slot里加入任何标签,slot什么都不会显示。

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