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
Filters are removed from Vue 3.0 and no longer supported.
10
+
Filtros foram removidos do Vue 3.0 e não são mais suportados.
11
11
12
-
## 2.x Syntax
12
+
## Sintaxe v2.x
13
13
14
-
In 2.x, developers could use filters in order to apply common text formatting.
14
+
Na v2.x, desenvolvedores poderiam utilizar `filters` para aplicar formatações comuns em texto.
15
15
16
-
For example:
16
+
Por exemplo:
17
17
18
18
```html
19
19
<template>
20
-
<h1>Bank Account Balance</h1>
20
+
<h1>Saldo da Conta Bancária</h1>
21
21
<p>{{ accountBalance | currencyUSD }}</p>
22
22
</template>
23
23
@@ -38,17 +38,17 @@ For example:
38
38
</script>
39
39
```
40
40
41
-
While this seems like a convenience, it requires a custom syntax that breaks the assumption of expressions inside of curly braces being "just JavaScript," which has both learning and implementation costs.
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 Update
43
+
## Atualização v3.x
44
44
45
-
In 3.x, filters are removed and no longer supported. Instead, we recommend replacing them with method calls or computed properties.
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
-
Using the example above, here is one example of how it could be implemented.
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>Bank Account Balance</h1>
51
+
<h1>Saldo da Conta Bancária</h1>
52
52
<p>{{ accountInUSD }}</p>
53
53
</template>
54
54
@@ -69,15 +69,15 @@ Using the example above, here is one example of how it could be implemented.
69
69
</script>
70
70
```
71
71
72
-
## Migration Strategy
72
+
## Estratégia de Migração
73
73
74
-
Instead of using filters, we recommend replacing them with computed properties or methods.
74
+
Ao invés de utilizar filtros, recomendamos substituí-los por propriedades computadas ou métodos.
75
75
76
-
### Global Filters
76
+
### Filtros Globais
77
77
78
-
If you are using filters that were globally registered and then used throughout your app, it's likely not convenient to replace them with computed properties or methods in each individual component.
78
+
Se você estiver usando filtros que foram registrados globalmente e usados em todo o seu aplicativo, provavelmente não é conveniente substituí-los por propriedades computadas ou métodos em cada componente individual.
79
79
80
-
Instead, you can make your global filters available to all components through [globalProperties](../../api/application-config.html#globalproperties):
80
+
Em vez disso, você pode disponibilizar seus filtros globais para todos os componentes por meio de [propriedades globais](../../api/application-config.html#globalproperties):
Then you can fix all templates using this `$filters`object like this:
93
+
Então você pode corrigir todos os _templates_ usando este objeto `$filters`assim:
94
94
95
95
```html
96
96
<template>
97
-
<h1>Bank Account Balance</h1>
97
+
<h1>Saldo da Conta Bancária</h1>
98
98
<p>{{ $filters.currencyUSD(accountBalance) }}</p>
99
99
</template>
100
100
```
101
101
102
-
Note that with this approach, you can only use methods, not computed properties, as the latter only make sense when defined in the context of an individual component.
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