vue-slot

插槽

定义

是组件的一块html模板，这块模板显示与不显示以及怎样显示都由父组件来决定。

插槽显示的位置由子组件自身来决定。

插槽写在组件模板的什么位置，父组件传过来的模板就显示在什么位置。

单个模板/默认模板/匿名模板

1、可以放在任意位置，一个组件只能有一个该类型插槽。

2、在子组件内使用特殊的<slot>元素就可以为这个子组件添加一个slot插槽，在父组件模版里，插入在子组件标签内的所有内容将替代子组件的<slot>标签以及他的内容。

具名插槽

1、没有对应值的其他内容会被放到子组件中没有添加name属性的slot中。

2、可以在子组件的slot标签中写入内容，当父组件没有写入内容时，会显示子组件的默认内容；当父组件写入内容时，会替换子组件的默认内容。

作用域插槽（带数据的插槽）

父组件中使用slot-scope可以接收子组件传来的值