（十二）vue.js组件——进阶篇之slot插槽（4）

概述

我们已经知道，现在的web应用及其页面，基本都是由各个组件组合形成，那么这个时候我们【如何较好的组合各个组件】就成为了我们需要关心的问题了

场景

想象下，对于各个组件组合使用的场景，如果我们要在布局组件中包裹三个组件： 导航组件、内容组件、页脚组件
这时，我们该如何实现？
我们只能在定义布局组件时就引入这三个组件！
问题
如果这样实现的话，先不说可扩展性，就是万一哪天我们这三个组件的名字变了？或者不在引入这三个组件了，决定引入其他组件。
那这个布局组件岂不是就无法运行了？

slot救场

这时slot出现了，Slot便是为了更好的实现组件的组合而出现，特别是父子组件的内容。
Slot能够高扩展高复用的实现一个组件包裹另一个组件甚至是多个组件。
slot说明
下面我们来看看slot的详细的作用和用法：
①　一般而言，组件标签间的内容会被抛弃
正常情况下，我们在自定义组件标签中定义的任何内容，都会被抛弃。都只会渲染出组件模板内容。

②　Slot可以把内容渲染进子组件
而如果我们使用slot就能实现让我们的内容渲染进行子组件中，达到如同使用网页标签一样使用我