Skip to content

Commit 37a1a40

Browse files
authored
Merge pull request #157 from juliano-nunes/translate-migration-v-bind
docs: translate guide/migration/v-bind
2 parents 584ecbb + 3efb273 commit 37a1a40

File tree

1 file changed

+14
-14
lines changed

1 file changed

+14
-14
lines changed

src/guide/migration/v-bind.md

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,46 +1,46 @@
11
---
2-
title: v-bind Merge Behavior
2+
title: Comportamento ao Combinar v-bind
33
badges:
44
- breaking
55
---
66

77
# {{ $frontmatter.title }} <MigrationBadges :badges="$frontmatter.badges" />
88

9-
## Overview
9+
## Visão Geral
1010

11-
- **BREAKING**: Order of bindings for v-bind will affect the rendering result.
11+
- **QUEBRA**: A ordem das vinculações para `v-bind` irá afetar o resultado da renderização.
1212

13-
## Introduction
13+
## Visão Geral
1414

15-
When dynamically binding attributes on an element, a common scenario involves using both the `v-bind="object"` syntax as well as individual properties in the same element. However, this raises questions as far as the priority of merging.
15+
Quando se está dinamicamente vinculando atributos em um elemento, um cenário comum envolve utilizar tanto a sintaxe `v-bind="object"` quanto as propriedades indiviuais no mesmo elemento. Contudo, isso gera questões tal como a prioridade na combinação.
1616

17-
## 2.x Syntax
17+
## Sintaxe 2.x
1818

19-
In 2.x, if an element has both `v-bind="object"` and an identical individual property defined, the individual property would always overwrite bindings in the `object`.
19+
No 2.x, se um elemento tem tanto o `v-bind="object"` quanto uma propriedade individual idêntica definida, a propriedade individual sempre vai sobrescrever as vinculações do `object`.
2020

2121
```html
2222
<!-- template -->
2323
<div id="red" v-bind="{ id: 'blue' }"></div>
24-
<!-- result -->
24+
<!-- resultado -->
2525
<div id="red"></div>
2626
```
2727

28-
## 3.x Syntax
28+
## Sintaxe v3.x
2929

30-
In 3x, if an element has both `v-bind="object"` and an identical individual property defined, the order of how the bindings are declared determines how they are merged. In other words, rather than assuming developers want the individual property to always override what is defined in the `object`, developers now have more control over the desired merging behavior.
30+
Na v3.x, se um elemento tem tanto o `v-bind="object"` quanto uma propriedade individual idêntica definida, a ordem de como as vinculações são declaradas determina como elas serão combinadas. Em outras palavras, em vez de assumir que os desenvolvedores querem que a propriedade individual sempre sobrescreva o que está definido no `object`, agora os desenvolvedores terão mais controle sobre qual o comportamento desejado na combinação.
3131

3232
```html
3333
<!-- template -->
3434
<div id="red" v-bind="{ id: 'blue' }"></div>
35-
<!-- result -->
35+
<!-- resultado -->
3636
<div id="blue"></div>
3737

3838
<!-- template -->
3939
<div v-bind="{ id: 'blue' }" id="red"></div>
40-
<!-- result -->
40+
<!-- resultado -->
4141
<div id="red"></div>
4242
```
4343

44-
## Migration Strategy
44+
## Estratégia de Migração
4545

46-
If you are relying on this override functionality for `v-bind`, we currently recommend ensuring that your `v-bind` attribute is defined before individual properties.
46+
Se você está confiando nessa funcionalidade de sobrescrita do `v-bind`, nós atualmente recomendamos você à garantir que seu atributo `v-bind` seja definido sempre antes das propriedades individuais.

0 commit comments

Comments
 (0)