Vue slot简单实用

一直看到文档有slot插槽，简单看看文档然后用一下，不用了之后又忘了。现在稍微记一下。

1.<slot></slot>匿名插槽，这不知道咋回事我显示不出来。

2.<div slot="test">  具名插槽。给父组件调用的时候给要插入的标签上挂个slot值，子组件slot标签name挂个值对应一下就好了。

    <p>这里是父组件调用</p>

   </div>

   <slot name="test" ></slot> 

3.<div class="tmpl" slot="test" slot-scope="suibian">作用于插槽，子组件slot上绑定一个data中的数据，然后父组件用

                                                                                             slot-scope接

 <slot name="test" :data="data"></slot>

 

写的不详细，自己看得懂就行。