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什么都不会显示。