mergeProps() Mesclar objetos de props
Última atualização: 2026-10-22
mergeProps() Mesclar objetos de props
mergeProps() mescla objetos de props — class e style são concatenadas, todos os listeners são preservados e, nos demais valores, o último vence.
| Grupo | Funções de Renderização e SSR |
|---|---|
| Tipo | API |
| Escopo | No Componente |
| Versão do Vue | 3.0+ |
| Suporte a SSR | Sim |
📝 Sintaxe
mergeProps(baseProps, { class: "extra", onClick: fn })⚙️ Argumentos
| ...args | Dois ou mais objetos de props |
|---|
Retorno：Um objeto mesclado
▶ Exemplo
Edite o código abaixo e veja o resultado ao vivo:
Saída：
Shows 'a b / id=two'.💡 Pontos-chave
ℹ️ Nota Comum em higher-order components que mesclam props locais e herdados.
💡 Dica Ele segue as regras do Vue para class, style e listeners.
⚠️ Aviso A mesclagem é rasa — objetos aninhados não são percorridos.
🏷️ Funções de Renderização e SSR relacionados
💡 Casos Relacionados
Mais casos em breve.
📚 Tutoriais Relacionados
❓ FAQ
P Qual a diferença em relação a Object.assign?
R assign sobrescreve as classes; mergeProps segue a semântica do Vue.
P Os listeners são sobrescritos?
R Não — todos os listeners rodam em ordem.
P Manual ou automático?
R O fallthrough de atributos mescla automaticamente; código de render manual precisa dele.
