Vue-slot插槽

1.作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信方式，适用于父组件===>子组件
2.分类：

默认插槽

//父组件中：
	<Category>
		<div>html结构1</div>
	</Category>
//子组件中：
	<template>
		<div>
			//定义插槽
			<solt>默认插槽内容···</solt>
		</div>
	</template>

具名插槽

//父组件中：
	<Category>
		<template solt="center">
			<div>html结构1</div>
		</template>
		
		<template v-solt:footer>
			<div>html结构2</div>
		</template>
	</Category>
//子组件中：
	<template>
		<div>
			//定义插槽
			<solt name="center">默认插槽内容···</solt>
			<solt name="footer">默认插槽内容···</solt>
		</div>
	<template>

作用域插槽

1.理解：

数据在组件的自身，但根据数据生成的结构需要组建的使用者来决定。（games数据在Category组件中，但是用数据所遍历出来的结构由App组件决定）

2.例如：

//父组件中：
	<Category>
		<template scope="scopeDate">
			//
		</template>
		
		<template v-solt:footer>
			<div>html结构2</div>
		</template>
	</Category>