Vue—插槽（Slot）详解

1.插槽的概念

插槽，也就是槽，是组件的一块HTML模板，这块模板显示不显示，以及怎样显示由父组件来决定。插槽内可以是任意内容。

插槽就是Vue实现的一套内容分发的API，将<slot></slot>元素作为承载分发内容的出口。

通俗点说：没有插槽的情况下在组件标签内写一些内容是不起任何作用的，

                    当我在组件中声明了slot元素后，在组件元素内写的内容就会跑到它这里了！

1.1默认插槽（后备内容）

（1）在一个 <submit-button> 组件中，<button> 内绝大多数情况下都渲染文本“Submit”。为了将“Submit”作为后备内容，我们可以将它在 <slot> 标签内：

<button type="submit">
  <slot>Submit</