Vue slot 实践解析

1.匿名插槽(可以放置在组件的任意位置，一个组件中只能有一个该类插槽),例子如下：

父组件：

子组件：

当父组件没有配置slot里面的内容时，默认显示子组件<slot></slot>包含的内容

当父组件配置slot里面的内容时，父组件里的内容替换掉子组件了<slot></slot>的位置

  

2.具名插槽

匿名插槽没有name属性，所以是匿名插槽，那么，插槽加了name属性，就变成了具名插槽。具名插槽可以在一个组件中出现多次。用在不同的位置。

   

 

3.作用域插槽