Skip to content

Commit 8d8bec8

Browse files
authored
Review on migration/array-refs
1 parent 2b5a817 commit 8d8bec8

File tree

1 file changed

+7
-6
lines changed

1 file changed

+7
-6
lines changed

src/guide/migration/array-refs.md

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,20 @@
11
---
2+
title: Array Refs no v-for
23
badges:
34
- breaking
45
---
56

6-
# v-for Array Refs
7+
# {{ $frontmatter.title }} <MigrationBadges :badges="$frontmatter.badges" />
78

8-
No Vue 2, usar o atributo `ref` dentro de `v-for` irá preencher a propriedade `$refs` correspondente com uma Array de `refs`. Este comportamento se torna ambíguo e ineficiente quando estão aninhados de `v-for` presentes.
9+
No Vue 2, usar o atributo `ref` dentro do `v-for` irá preencher a propriedade `$refs` correspondente com um Array de `refs`. Este comportamento se torna ambíguo e ineficiente quando existem `v-for` aninhados.
910

10-
No Vue 3, tal uso não criará mais automaticamente uma Array em `$refs`. Para recuperar vários `refs` de uma única ligação, vincule `ref` a uma função que forneça mais flexibilidade (este é um novo recurso):
11+
No Vue 3, tal uso não mais criará automaticamente um Array em `$refs`. Para recuperar várias referências de uma única ligação, vincule `ref` à uma função que forneça mais flexibilidade (este é um novo recurso):
1112

1213
```html
1314
<div v-for="item in list" :ref="setItemRef"></div>
1415
```
1516

16-
Com opções API:
17+
Com API de Opções:
1718

1819
```js
1920
export default {
@@ -36,7 +37,7 @@ export default {
3637
}
3738
```
3839

39-
Com composição API:
40+
Com API de Composição:
4041

4142
```js
4243
import { ref, onBeforeUpdate, onUpdated } from 'vue'
@@ -63,6 +64,6 @@ export default {
6364

6465
Observe que:
6566

66-
- `itemRefs` não precisa ser uma Array: também pode ser um objeto onde os `refs` são definidos por suas chaves de iteração.
67+
- `itemRefs` não precisa ser um Array: também pode ser um objeto onde as referências são definidas por suas chaves de iteração.
6768

6869
- Isso também permite que `itemRefs` sejam reativos e observados, se necessário.

0 commit comments

Comments
 (0)