You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/api/special-attributes.md
+10-10Lines changed: 10 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,9 +2,9 @@
2
2
3
3
## key
4
4
5
-
-**Esperado:**`number | string`
5
+
-**Espera:**`number | string`
6
6
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.
8
8
9
9
Filhos do mesmo pai comum devem ter **chaves únicas**. Chaves duplicadas causarão erros de renderização.
10
10
@@ -18,8 +18,8 @@
18
18
19
19
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:
20
20
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
23
23
24
24
Por exemplo:
25
25
@@ -29,11 +29,11 @@
29
29
</transition>
30
30
```
31
31
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.
33
33
34
34
## ref
35
35
36
-
-**Esperado:**`string | Function`
36
+
-**Espera:**`string | Function`
37
37
38
38
`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:
39
39
@@ -44,17 +44,17 @@
44
44
<!-- vm.$refs.child será a instância do componente filho -->
45
45
<child-componentref="child"></child-component>
46
46
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 -->
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.
52
52
53
53
-**Veja também:**[Refs de Componente Filho](../guide/component-template-refs.html)
54
54
55
55
## is
56
56
57
-
-**Esperado:**`string | Object (objeto de opções do componente)`
57
+
-**Espera:**`string | Object (objeto de opções do componente)`
58
58
59
59
Usado para [componentes dinâmicos](../guide/component-dynamic-async.html).
0 commit comments