插槽就是 留个坑，让父组件填内容
举个🌰
好的，用一个简单例子说明：
比如你有一个通用的卡片组件（Card.vue），但想让每个卡片的内容不一样。
子组件 Card.vue：
<template>
<div class="card">
<header>卡片标题</header>
<slot></slot> <!-- 内容会从父组件“塞”到这里 -->
<footer>卡片底部</footer>
</div>
</template>父组件中使用：
<template>
<Card>
<p>这里是我想显示的具体内容</p>
</Card>
</template>👉 结果就是：
这里是我想显示的具体内容
会出现在✅ 简单说：插槽就是“留个坑，让父组件填内容” 。