关于Vue中插槽的理解和总结

1. 插槽作用: 我的理解大概就是子组件留了个坑坑，父组件如果有需要就可以往那个坑坑里面放一些其他的组件和模板。
2. 插槽类型：default插槽，具名插槽，作用域插槽。

• default插槽：就是默认插槽，所有没有名字的插槽都会被放入this.$slots.default中，包分配。
• 具名插槽：具名插槽就是有名字的插槽，组件和模板申明了你的名字，就把他放在你的槽槽里。

子组件：child.vue
<templete>
<div>
<slot name="slotdemo"></slot>
</div>
</templete

父组件：
<templete>
<child>
    <h v:slot="slotdemo">SlotDemo</h>
</child>
</templete>

• 作用域插槽：作用域插槽就是父组件用子组件的插槽的时候，槽槽里面的组件和模板可以去拿到子组件从槽槽那边绑过来的数据

子组件：child.vue
<templete>
<div>
<slot :slotData="data"></slot>
</div>
</templete>
<script>
export default{
    data(){
        return{
            data:'哈哈哈'
        }
}
</script>

父组件：
<templete>
<child>
    <h slot-scope="data">{{data.data}}</h>
</child>
</templete>