Vue组件之--slot内容分发
以前，Vue组件总是一个个的空标签的形式出现的，那么如果说组件标签里面有内容，那么要获取这些内容要怎么办呢？
Vue提供了一个解决方案：slot内容分发，其作用就是用来获取组件中的原内容（就是组件标签内部的内容）。
用法分为两种情况:当组件内的原内容结构比较简单的时候可以使用单一slot，当原内容结构比较复杂的时候使用具名slot；
单一slot：在组件模板合适的位置插入slot组件即可；
你好，2018！
没有原内容
哈哈
- 111
- 222
- 333
{{clothes}}
作用域插槽slot:
首先要将子组件的数据传递给子组件模板中的slot插槽（v-bind绑定属性）:
{{greeting}}
{{greeting}}
{{props.heheda}}
{{props.materials}}
作用域插槽更典型的用例是在列表组件中，允许使用者自定义如何渲染列表的每一项：
{{ props.text }}
然后再在分析结果的基础上将原内容加上，再进行分析，最后得出结果