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.

<!-- 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.

<!-- 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.