深入理解vue中的slot插槽

在vue中，有一个插槽的概念。什么是插槽？插槽是子组件提供给父组件使用的一个占位符，父组件可以在这个占位符中填充任何模板代码，如HTML，组件等，填充的内容会替换子组件中的slot标签。也就是说插槽是组件的一块HTML模板，这块模板显示不显示，怎么显示由父组件来决定。
插槽有普通插槽（匿名插槽、具名插槽）和作用域插槽。
一、匿名插槽
匿名插槽，也可以叫它默认插槽，或者与单个插槽（vue的官方叫法），我们可以叫它匿名插槽。因为它不用设置name属性。
单个插槽可以放置在组件的任意位置，但是就像它的名字一样，一个组件中只能有一个匿名插槽。相对应的，具名插槽就可以有很多个，只要名字（name属性）不同就可以了。

二、具名插槽
插槽增加了name属性，就变成了具名插槽，具名插槽可以在一个组件中出现多次，出现在不同的位置。