Vue(11)——插槽

默认插槽

作用：让组件内部的一些结构支持自定义

插槽基本语法：

组件内需要定制的结构部分，改用<slot></slot>占位

使用组件时，<MyDialog></MyDialog>标签内部，传入结构替换slot

后备内容 

通过插槽完成了内容的定制，传什么显示什么，但如果不传，则是空白。

插槽后备内容：封装组件时，可以为预留的`<slot>`插槽提供后备内容（默认值）。

语法：

在<slot>标签内，放置内容,作为默认显示内容

具名插槽 

具名插槽可以在组件内的多处结构进行定制

语法：

1. 多个slot使用name属性区分名字
2. template配合v-slot:名字来分发对应标签
3. v-slot可以简化成#插槽名

作用域插槽

作用域插槽：定义slot插槽的同时，是可以传值的。给插槽上可以绑定数据，将来使用组件时可以用。

基本使用步骤：

1. 给slot标签，以添加属性的方式传值
2. 所有添加的属性，都会被收集到一个对象中
3. 在template中，通过`#插槽名="obj"`接收，默认插槽名为default