vue插槽slot 一、前言
vue官方文档中在"组件基础"内容中提到组件可以通过插槽分发内容，那插槽是怎么使用的呢？它要解决什么场景的问题呢？
我们在构建页面过程中一般会把用的比较多的公共的部分抽取出来作为一个单独的组件，但是在实际使用这个组件的时候却又不能完全的满足需求，我希望在这个组件中添加一点东西，这时候我们就需要用到插槽来分发内容。
注意：以下的所有内容是基于vue版本 2.6.0 起
二、插槽是什么
下面看一个例子
写一个父组件: test.vue

写一个子组件：myslot.vue

运行代码，发现，最终渲染的效果是

大家好我是父组件
我是子组件
复制代码那如果我想实现显示父组件中p标签的内容怎么办

修改子组件：myslot.vue

运行代码，可以看到以下效果

大家好我是父组件
我是子组件
现在测试一下slot
测试一下吧内容写在这里了能否显示

官方文档对于插槽的应用场景是这样描述的:
我们经常需要向一个组件传递内容
Vue 自定义的元素让这变得非常简单
只要在需要的地方加入插槽就行了——就这么简单！

结合上面的例子来理解就是这样的：
1.父组件在引用子组件时希望向子组价传递模板内容测试一下吧内容写在这里了能否显示

2.子组件让父组件传过来的模板内容在所在的位置显示
3.子组件中的就是一个槽，可以接收父组件传过来的模板内容， 元素自身将被替换
4.组件没有包含一个元素，则该组件起始标签和结束标签之间的任何内容都会被抛弃

二、插槽的作用
让用户可以拓展组件，去更好地复用组件和对其做定制化处理
三、插槽的分类
1.默认插槽 在一个组件中：

我们可能希望这个 内绝大多数情况下都渲染文本“Submit”，但是有时候却希望渲染文本为别的东西，那怎么实现呢？
我们可以将“Submit”作为后备内容，我们可以将它放在标签内：

Submit
现在当我在一个父级组件中使用并且不提供任何插槽内容时：

后备内容“Submit”将会被渲染：

Submit

但是如果我们提供内容：

Save

则这个提供的内容将会被渲染从而取代后备内容：

Save

2.具名插槽 有时我们写了一个子组件，我们希望

对于这样的情况， 元素有一个特殊的 attribute：name。这个 attribute 可以用来定义额外的插槽：

一个不带 name 的出口会带有隐含的名字“default”。
父组件在向具名插槽提供内容的时候，我们可以在一个