以下是在 Vue 3.0 中使用片段的示例：
<template>
<!-- 使用片段 -->
<>
<p>First paragraph</p>
<p>Second paragraph</p>
</>
</template>
<script>
import { defineComponent } from 'vue';
export default defineComponent({
// 组件的其他选项
});
</script>
在上述示例中，我们使用 <> 和 </> 包裹了两个 <p> 元素，这就是片段的语法。这样，组件就可以返回多个根级别的元素，而不需要额外的容器元素。
另一种使用片段的方式是通过 template 标签：
<template>
<template>
<p>First paragraph</p>
<p>Second paragraph</p>
</template>
</template>
<script>
import { defineComponent } from 'vue';
export default defineComponent({
// 组件的其他选项
});
</script>
在这个例子中，我们使用了嵌套的 template 标签，也可以达到相同的效果。
片段的引入使得在组件中返回多个元素变得更加方便，不再需要额外的容器元素，提高了组件的灵活性。
转载请注明出处：http://www.zyzy.cn/article/detail/546/Vue 3.0