Skip to content

Commit ce0a4b1

Browse files
committed
Translates 'guide/component-custom-events.md'
* Section 'Multiple `v-model` bindings'
1 parent 028ffde commit ce0a4b1

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

src/guide/component-custom-events.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -71,7 +71,7 @@ app.component('custom-form', {
7171

7272
## Argumentos `v-model`
7373

74-
Por padrão, `v-model` em um componente usa `modelValue` como propriedade e `update:modelValue` como evento. Podemos modificar esses nomes passando um argumento para `v-model`:
74+
Por padrão, em um componente `v-model` usa `modelValue` como propriedade e `update:modelValue` como evento. Podemos modificar esses nomes passando um argumento para `v-model`:
7575

7676
```html
7777
<my-component v-model:foo="bar"></my-component>
@@ -99,11 +99,11 @@ app.component('my-component', {
9999
<my-component v-model:foo="bar"></my-component>
100100
```
101101

102-
## Multiple `v-model` bindings
102+
## Vários vínculos `v-model`
103103

104-
By leveraging the ability to target a particular prop and event as we learned before with [`v-model` arguments](#v-model-arguments), we can now create multiple v-model bindings on a single component instance.
104+
Aproveitando a capacidade de direcionar uma determinada propriedade e evento como aprendemos antes em [argumentos `v-model`](#argumentos-v-model), agora podemos criar vários vínculos de v-model em uma única instância do componente.
105105

106-
Each v-model will sync to a different prop, without the need for extra options in the component:
106+
Cada v-model será sincronizado com uma propriedade diferente, sem a necessidade de opções extras no componente:
107107

108108
```html
109109
<user-name
@@ -134,10 +134,10 @@ app.component('user-name', {
134134
})
135135
```
136136

137-
<p class="codepen" data-height="300" data-theme-id="39028" data-default-tab="html,result" data-user="Vue" data-slug-hash="GRoPPrM" data-preview="true" data-editable="true" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Multiple v-models">
138-
<span>See the Pen <a href="https://codepen.io/team/Vue/pen/GRoPPrM">
139-
Multiple v-models</a> by Vue (<a href="https://codepen.io/Vue">@Vue</a>)
140-
on <a href="https://codepen.io">CodePen</a>.</span>
137+
<p class="codepen" data-height="300" data-theme-id="39028" data-default-tab="html,result" data-user="lucianotonet" data-slug-hash="bGpZrLy" data-preview="true" data-editable="true" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Múltiplos v-models">
138+
<span>Veja o exemplo <a href="https://codepen.io/lucianotonet/pen/bGpZrLy">
139+
Múltiplos v-models</a> por L. Tonet (<a href="https://codepen.io/lucianotonet">@lucianotonet</a>)
140+
no <a href="https://codepen.io">CodePen</a>.</span>
141141
</p>
142142
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>
143143

0 commit comments

Comments
 (0)