Skip to content

Commit 4dc5a61

Browse files
committed
Review in guide/migration/filters
1 parent c9534ed commit 4dc5a61

File tree

1 file changed

+13
-13
lines changed

1 file changed

+13
-13
lines changed

src/guide/migration/filters.md

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -5,19 +5,19 @@ badges:
55

66
# Filtros <MigrationBadges :badges="$frontmatter.badges" />
77

8-
## Visão geral
8+
## Visão Geral
99

10-
Filtros `filters` foram removidos do Vue 3.0 ae tambem não são mais suportados.
10+
Filtros foram removidos do Vue 3.0 e não são mais suportados.
1111

12-
## 2.x Sintaxe
12+
## Sintaxe v2.x
1313

14-
Na 2.x, desenvolvedores poderiam utilizar `filters` para aplicar formatações comuns em texto.
14+
Na v2.x, desenvolvedores poderiam utilizar `filters` para aplicar formatações comuns em texto.
1515

1616
Por exemplo:
1717

1818
```html
1919
<template>
20-
<h1>Saldo da conta bancária</h1>
20+
<h1>Saldo da Conta Bancária</h1>
2121
<p>{{ accountBalance | currencyUSD }}</p>
2222
</template>
2323

@@ -40,15 +40,15 @@ Por exemplo:
4040

4141
Embora isso pareça ser uma conveniência, requer uma sintaxe personalizada que quebra a suposição de que as expressões entre chaves sejam "apenas JavaScript", o que tem custos de aprendizado e implementação.
4242

43-
## 3.x Atualização
43+
## Atualização v3.x
4444

45-
Na versão 3.x, `filters` foram removidos e não mais suportados. Ao invez disso, recomendamos utilizar chamadas à metodos ou propriedades computadas.
45+
Na v3.x, `filters` foram removidos e não mais suportados. Ao invés disso, recomendamos utilizar chamadas à metodos ou propriedades computadas.
4646

47-
Utilizando o exemplo a cima, aqui está um exemplo de como isso pode ser implementado.
47+
Utilizando o exemplo acima, aqui está um exemplo de como isso pode ser implementado.
4848

4949
```html
5050
<template>
51-
<h1>Saldo da conta bancária</h1>
51+
<h1>Saldo da Conta Bancária</h1>
5252
<p>{{ accountInUSD }}</p>
5353
</template>
5454

@@ -71,7 +71,7 @@ Utilizando o exemplo a cima, aqui está um exemplo de como isso pode ser impleme
7171

7272
## Estratégia de Migração
7373

74-
Ao invez de utilizar `filters`, recomendamos substituir-los por propriedades computadas `computed` ou métodos `methods`.
74+
Ao invés de utilizar filtros, recomendamos substituí-los por propriedades computadas ou métodos.
7575

7676
### Filtros Globais
7777

@@ -90,13 +90,13 @@ app.config.globalProperties.$filters = {
9090
}
9191
```
9292

93-
Então você pode corrigir todos os modelos usando este objeto `$filters` como este:
93+
Então você pode corrigir todos os _templates_ usando este objeto `$filters` assim:
9494

9595
```html
9696
<template>
97-
<h1>Saldo da conta bancária</h1>
97+
<h1>Saldo da Conta Bancária</h1>
9898
<p>{{ $filters.currencyUSD(accountBalance) }}</p>
9999
</template>
100100
```
101101

102-
Observe que, com essa abordagem, você só pode usar métodos, não propriedades computadas, pois só fazem sentido quando definidas no contexto de um componente individual.
102+
Observe que, com essa abordagem, você só pode usar métodos, não propriedades computadas, quais só fazem sentido quando definidas no contexto de um componente individual.

0 commit comments

Comments
 (0)