vue——slot

声明一个插槽区域，vue官方规定，每一个slot插槽，都有一个name名称，如果省略了slot的name属性，则有一个默认名称叫做default;

默认情况下，在使用组件的时候，提供的内容都会被填充到名字为default的插槽中
1.如果要把内容填充到指定名称的插槽中，需要使用v-slot:这个指令；
2.v-slot:后面要跟上插槽的名字；
3.v-slot指令不能直接用在元素身上，必须用template标签上或者组件上；

4.template标签，它是一个虚拟标签，只能起到包裹性质的作用并不会渲染为任何实质性的html元素；
5.v-slot：指令的简写形式是#；

具名插槽给插槽通过name属性指定名字

在封装组件时，为预留的slot提供属性对应的值，这种用法叫做"作用域插槽"

使用也可以不是scope这个名字，可以随意起，但是建议使用此名字：

解构赋值：