vue slot slot-scope v-slot使用详解

slot 不具名插槽

// App	组件
<template>
	<div id="app">
		<Test>
			<div>slot插槽占位内容</div>
		</Test>
	</div>
</template>

<script>
	import Test from '@/component/Test.vue';
	export default {
   
		components: {
   
			Test
		}
	}
</script>

// Test 组件
<template>
	<div id="test">
		// 定义插槽
		<slot></slot>
		<h3>这是test组件</h3>
	</div>
</template>

具名插槽

// App.vue
<template>
	<div id="app">
		<Test>
			<div slot&