默认插槽
<Category>
<div>你好啊</div>
</Category>
<template>
<div>
<slot>我是插槽的默认内容...</slot>
</div>
</template>
具名插槽
<Category>
<template slot="slot1">
<div>你好啊slot1</div>
</template>
<template slot="slot2">
<div>你好啊slot2</div>
</template>
</Category>
<template>
<div>
<slot name="slot1">我是插槽的默认内容...</slot>
<slot name="slot2">我是插槽的默认内容...</slot>
</div>
</template>
作用域插槽(例如:elementUI中 table组件中的自定义列)
<Category>
<template scope="scopeData">
{{scopeData.myData}}
</template>
</Category>
<template>
<div>
<slot :myData="data">我是插槽的默认内容...</slot>
</div>
</template>