Skip to content
The translation is synced to the docs on of which the commit hash is 8a7fb04.

Fragmentos
novo

Visão Geral

Na Vue 3, os componentes agora têm suporte oficial para componentes de nó de várias raízes, por exemplo, fragmentos!

Sintaxe da 2.x

Na 2.x, os componentes de várias raízes não eram suportados e emitiriam um aviso quando um utilizador acidentalmente criava uma. Como resultado, muitos componentes são envolvidos num único <div> no sentido de corrigir este erro.

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

Sintaxe da 3.x

Na 3.x, os componentes agora podem ter nós de várias raízes! No entanto, isto exige que os programadores definam explicitamente onde os atributos deveriam ser distribuídos.

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

Para mais informações sobre como a herança de atributo funciona, consulte os Atributos de Passagem.