对 Slot 的理解
在 Vue.js 中，slot 是一种内容分发机制，用于组件间的内容传递。它允许父组件通过插槽向子组件传递动态内容，子组件通过插槽占位符将这些内容渲染到指定的位置。slot 提供了一种灵活的方式来构建可复用的组件，使得父组件能够自定义子组件的内容，而不需要修改子组件的代码。
为什么使用 Slot？
- 灵活性和可重用性：通过
slot，子组件可以不关心父组件传递的具体内容，只负责渲染框架。父组件可以决定插入什么内容，达到动态内容插入的效果。 - 解耦和可维护性：父子组件之间的解耦使得组件更具复用性，且易于维护。
- 提高可配置性：通过
slot，父组件可以为子组件提供更高的配置能力，灵活地调整布局和显示内容。
Slot 的使用场景
slot 可以用于很多场景，特别是需要创建 通用布局组件 或 可复用 UI 组件 时。常见的使用场景包括：
- 动态内容插槽：允许父组件传递不同的内容给子组件。
- 通用布局组件：通过插槽，父组件可以动态控制子组件的内容区域。
- 构建抽象组件：创建高复用的组件框架，允许父组件根据需要插入不同内容。
- 条件渲染和内容分发：有时，父组件需要根据特定条件渲染子组件的不同内容，使用插槽能很好地实现这一需求。
举个例子：动态内容插槽
假设你正在开发一个卡片组件，你希望父组件能够自由地控制卡片的标题、内容和按钮等部分。通过使用插槽，你可以将这些部分作为插槽传递给子组件。
代码示例：
<!-- Card.vue (子组件) -->
<template>
<div class="card">
<h2 class="card-title"><slot name="ti
