vue插槽

1、匿名插槽

子组件：

<slot></slot>

2、具名插槽

子组件：

<slot name="a"></slot>

父组件：

<Dialog>       
	<template v-slot:a或者#a>          
		<div>11111111</div>       
	</template>
</Dialog>

3、作用域插槽

子组件：

<div v-for="(i,index) in 10">     
	<slot :data="i" :idx="index"></slot>
</div>

父组件：

<Dialog>      
	<template v-slot={data,idx}或者#default={data,idx}>            
		<div>{{data}}---{{idx}}</div>      
	</template>
</Dialog>

4、动态插槽

let x = ref('a')
<Dialog>      
	<template #[x]>            
		<div>我在这</div>      
	</template>
</Dialog>