片段

新

概述

在 Vue 3 中，组件现在正式支持多根节点组件，即片段！

2.x 语法

在 2.x 中，不支持多根节点组件，当用户意外创建了一个时会发出警告。因此，许多组件被包装在一个 <div> 中以修复此错误。

<!-- Layout.vue -->
<template>
  <div>
    <header>...</header>
    <main>...</main>
    <footer>...</footer>
  </div>
</template>

3.x 语法

在 3.x 中，组件现在可以有多个根节点！但是，这确实需要开发人员明确定义属性应该在哪里分配。

<!-- Layout.vue -->
<template>
  <header>...</header>
  <main v-bind="$attrs">...</main>
  <footer>...</footer>
</template>

有关属性继承工作原理的更多信息，请参阅 透传属性.