vue插槽：默认插槽，具名插槽，作用域插槽

目录

1、默认插槽

2、具名插槽

3、作用域插槽

---

1、默认插槽

父组件中：

<category>
    <div>hello</div>
</category>

子组件中：

<template>
    <div>
       <slot></slot>
    </div>
</template>

2、具名插槽

template可以包裹元素

父组件中可以有两种写法：

第一种：slot="footer"

第二种：v-slot：footer（这种形式只能用在template里边）

3、作用域插槽

 父组件：

 

子组件： （games数据在子组件内）