Skip to content

Commit 4e07f17

Browse files
committed
Review on api/special-attributes
1 parent fe7376f commit 4e07f17

File tree

1 file changed

+10
-10
lines changed

1 file changed

+10
-10
lines changed

src/api/special-attributes.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@
22

33
## key
44

5-
- **Esperado:** `number | string`
5+
- **Espera:** `number | string`
66

7-
O atributo especial `key` é usado principalmente como uma dica para o algoritmo DOM virtual do Vue para identificar VNodes ao comparar a nova lista de nós com a lista antiga. Sem as chaves, o Vue usa um algoritmo que minimiza o movimento do elemento e tenta corrigir/reutilizar elementos do mesmo tipo no local, tanto quanto possível. Com as chaves, ele reordenará os elementos com base na alteração da ordem das chaves, e os elementos com chaves que não estão mais presentes sempre serão removidos/destruídos.
7+
O atributo especial `key` é usado principalmente como uma dica para o algoritmo de DOM virtual do Vue identificar VNodes quando comparar a nova lista de nós com a anterior. Sem as chaves (`key`), o Vue usa um algoritmo que minimiza a movimentação de elementos e tenta corrigir/reusar elementos do mesmo tipo no local, tanto quanto possível. Com as chaves, ele reordenará os elementos com base na alteração da ordem das chaves, e os elementos com chaves que não estão mais presentes sempre serão removidos/destruídos.
88

99
Filhos do mesmo pai comum devem ter **chaves únicas**. Chaves duplicadas causarão erros de renderização.
1010

@@ -18,8 +18,8 @@
1818

1919
Também pode ser usado para forçar a substituição de um elemento/componente em vez de reutilizá-lo. Isso pode ser útil quando você deseja:
2020

21-
- Acionar corretamente ganchos de ciclo de vida de um componente
22-
- Transições de gatilho
21+
- Acionar corretamente gatilhos de ciclo de vida de um componente
22+
- Acionar transições
2323

2424
Por exemplo:
2525

@@ -29,11 +29,11 @@
2929
</transition>
3030
```
3131

32-
Quando o `texto` muda, o `<span>` sempre será substituído ao invés de corrigido, então uma transição será disparada.
32+
Quando `text` mudar, o `<span>` sempre será substituído ao invés de alterado, então uma transição será acionada.
3333

3434
## ref
3535

36-
- **Esperado:** `string | Function`
36+
- **Espera:** `string | Function`
3737

3838
`ref` é usado para registrar uma referência a um elemento ou componente filho. A referência será registrada no objeto `$refs` do componente pai. Se usado em um elemento DOM simples, a referência será esse elemento; se usado em um componente filho, a referência será a instância do componente:
3939

@@ -44,17 +44,17 @@
4444
<!-- vm.$refs.child será a instância do componente filho -->
4545
<child-component ref="child"></child-component>
4646

47-
<!-- Quando vinculado dinamicamente, podemos definir "ref" como uma função de "callback"(retorno de chamada), passando o elemento ou instância do componente explicitamente -->
47+
<!-- Quando vinculado dinamicamente, podemos definir "ref" como uma função "callback", passando o elemento ou instância do componente explicitamente -->
4848
<child-component :ref="(el) => child = el"></child-component>
4949
```
5050

51-
Uma observação importante sobre o tempo de registro de uma "ref": como as próprias refs são criadas como resultado da função de renderização, você não pode acessá-los na renderização inicial - eles ainda não existem! `$refs` também não é reativo, portanto, você não deve tentar usá-lo em modelos para vinculação de dados.
51+
Uma observação importante sobre o tempo de registro de uma "ref": como as próprias refs são criadas como resultado da função de renderização, você não pode acessá-las na renderização inicial - eles ainda não existem! `$refs` também não é reativo, portanto, você não deve tentar usá-lo em *templates* para vinculação de dados.
5252

5353
- **Veja também:** [Refs de Componente Filho](../guide/component-template-refs.html)
5454

5555
## is
5656

57-
- **Esperado:** `string | Object (objeto de opções do componente)`
57+
- **Espera:** `string | Object (objeto de opções do componente)`
5858

5959
Usado para [componentes dinâmicos](../guide/component-dynamic-async.html).
6060

@@ -67,4 +67,4 @@ Por exemplo:
6767

6868
- **Veja também:**
6969
- [Componentes Dinâmicos](../guide/component-dynamic-async.html)
70-
- [Advertências de análise de modelo DOM](../guide/component-basics.html#dom-template-parsing-caveats)
70+
- [Ressalvas na Análise do *template* DOM](../guide/component-basics.html#ressalvas-na-analise-do-template-dom)

0 commit comments

Comments
 (0)