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
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.
11
11
12
-
## 2.x Sintaxe
12
+
## Sintaxe v2.x
13
13
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.
15
15
16
16
Por exemplo:
17
17
18
18
```html
19
19
<template>
20
-
<h1>Saldo da conta bancária</h1>
20
+
<h1>Saldo da Conta Bancária</h1>
21
21
<p>{{ accountBalance | currencyUSD }}</p>
22
22
</template>
23
23
@@ -40,15 +40,15 @@ Por exemplo:
40
40
41
41
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.
42
42
43
-
## 3.x Atualização
43
+
## Atualização v3.x
44
44
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.
46
46
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.
48
48
49
49
```html
50
50
<template>
51
-
<h1>Saldo da conta bancária</h1>
51
+
<h1>Saldo da Conta Bancária</h1>
52
52
<p>{{ accountInUSD }}</p>
53
53
</template>
54
54
@@ -71,7 +71,7 @@ Utilizando o exemplo a cima, aqui está um exemplo de como isso pode ser impleme
71
71
72
72
## Estratégia de Migração
73
73
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.
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:
94
94
95
95
```html
96
96
<template>
97
-
<h1>Saldo da conta bancária</h1>
97
+
<h1>Saldo da Conta Bancária</h1>
98
98
<p>{{ $filters.currencyUSD(accountBalance) }}</p>
99
99
</template>
100
100
```
101
101
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