#概覽

在 Vue 3 中，組件現(xiàn)在正式支持多根節(jié)點組件，即片段！

#2.x 語法

在 2.x 中，不支持多根組件，當(dāng)用戶意外創(chuàng)建多根組件時會發(fā)出警告，因此，為了修復(fù)此錯誤，許多組件被包裝在一個 <div> 中。

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

#3.x 語法

在 3.x 中，組件現(xiàn)在可以有多個根節(jié)點！但是，這確實要求開發(fā)者明確定義屬性應(yīng)該分布在哪里。

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

有關(guān) attribute 繼承如何工作的詳細信息，見非 Prop Attributes。