在 Vue 3 中，Fragment（片段）是一个新的组件包装器，用于解决渲染多个连续子节点时的要求。简而言之，Fragment 允许我们在不需要额外的 DOM 元素包裹的情况下，返回多个子节点。

在 Vue 2 和其他框架中，如果要渲染多个相邻的子节点，通常需要将它们包裹在一个父级元素中才能进行渲染。这可能会导致不必要的 DOM 层级和影响布局。

Vue 3 中的 Fragment 解决了这个问题，它允许在模板中使用 <template> 标签或直接使用 <> 或 </> 的语法来包裹多个子节点。这些子节点可以是任意节点，例如文本、元素、组件等。

以下是一个使用 Fragment 的示例：

<template>
  <div>
    <h1>这是一个标题</h1>
    <p>这是一个段落</p>
    <ul>
      <li>列表项 1</li>
      <li>列表项 2</li>
      <li>列表项 3</li>
    </ul>
  </div>
</template>

在上面的示例中，我们将标题、段落和列表项包裹在 <div> 元素中。在 Vue 3 中，我们可以使用 Fragment 来消除不必要的 <div> 包裹，如下所示：

<template>
  <>
    <h1>这是一个标题</h1>
    <p>这是一个段落</p>
    <ul>
      <li>列表项 1</li>
      <li>列表项 2</li>
      <li>列表项 3</li>
    </ul>
  </>
</template>

使用 Fragment 不会在最终渲染的结果中产生额外的 DOM 层级，从而避免了不必要的布局影响。同时，它也提高了模板的可读性和编写的灵活性。

需要注意的是，Fragment 在 Vue 2 中也可以使用，但需要使用 <template> 标签来包裹多个子节点。在 Vue 3 中，可以直接使用 Fragment 的简化语法，使得代码更加简洁和语义明确。