Skip to content

Commit 5a9c852

Browse files
committed
docs: Translate file 'guide/component-edge-cases'
1 parent 51e613f commit 5a9c852

File tree

1 file changed

+15
-15
lines changed

1 file changed

+15
-15
lines changed

src/guide/component-edge-cases.md

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,36 @@
1-
# Handling Edge Cases
1+
# Tratamento de casos extremos
22

3-
> This page assumes you've already read the [Components Basics](components.md). Read that first if you are new to components.
3+
> Essa página pressupõe que você leu os [Componentes Básicos](component-basics.md). Leia isso primeiro se você for novo em componentes.
44
5-
:::tip Note
6-
All the features on this page document the handling of edge cases, meaning unusual situations that sometimes require bending Vue's rules a little. Note however, that they all have disadvantages or situations where they could be dangerous. These are noted in each case, so keep them in mind when deciding to use each feature.
5+
:::tip Nota
6+
Todos os recursos dessa página documentam o tratamento de casos extremos, ou seja, situações incomuns que às vezes exigem que as regras do Vue sejam um pouco distorcidas. Observe, entretanto, que todos eles têm desvantagens ou situações onde podem ser perigosos. Eles são notados em cada caso, então lembre-se deles ao decidir usar cada recurso.
77
:::
88

9-
## Controlling Updates
9+
## Controle de Atualizações
1010

11-
Thanks to Vue's Reactivity system, it always knows when to update (if you use it correctly). There are edge cases, however, when you might want to force an update, despite the fact that no reactive data has changed. Then there are other cases when you might want to prevent unnecessary updates.
11+
Graças ao sistema de reatividade do Vue, ele sempre sabe quando atualizar (se você usá-lo corretamente). No entanto, há casos extremos onde você talvez queira forçar uma atualização, apesar do fato de que nenhum dado reativo foi alterado. Também há casos onde você talvez queira prevenir atualizações desnecessárias.
1212

13-
### Forcing an Update
13+
### Forçando uma Atualização
1414

15-
If you find yourself needing to force an update in Vue, in 99.99% of cases, you've made a mistake somewhere. For example, you may be relying on state that isn't tracked by Vue's reactivity system, e.g. with `data` property added after component creation.
15+
Se você precisar forçar uma atualização no Vue, em 99.99% dos casos, você cometeu um erro em algum lugar. Por exemplo, você pode estar contando com um estado que não é monitorado pelo sistema de reatividade do Vue, por exemplo, com a propriedade `data` adicionada após a criação do componente.
1616

17-
However, if you've ruled out the above and find yourself in this extremely rare situation of having to manually force an update, you can do so with [`$forceUpdate`](../api/instance-methods.html#forceupdate).
17+
No entanto, se você descartou as opções acima e se encontra nessa situação extremamente rara de ter que forçar manualmente uma atualização, você pode fazer isso com [`$forceUpdate`](../api/instance-methods.html#forceupdate).
1818

19-
### Cheap Static Components with `v-once`
19+
### Componentes estáticos baratos com `v-once`
2020

21-
Rendering plain HTML elements is very fast in Vue, but sometimes you might have a component that contains **a lot** of static content. In these cases, you can ensure that it's only evaluated once and then cached by adding the `v-once` directive to the root element, like this:
21+
Renderizar elementos HTML simples é muito rápido no Vue, mas às vezes você pode ter um componente que contém **muito** conteúdo estático. Nesses casos, você pode garantir que ele seja avaliado somente uma vez e então armazená-lo em cache adicionando a diretiva `v-once` ao elemento raiz, como este:
2222

23-
``` js
23+
```js
2424
app.component('terms-of-service', {
2525
template: `
2626
<div v-once>
2727
<h1>Terms of Service</h1>
28-
... a lot of static content ...
28+
... muito conteúdo estático ...
2929
</div>
30-
`
30+
`,
3131
})
3232
```
3333

3434
:::tip
35-
Once again, try not to overuse this pattern. While convenient in those rare cases when you have to render a lot of static content, it's simply not necessary unless you actually notice slow rendering - plus, it could cause a lot of confusion later. For example, imagine another developer who's not familiar with `v-once` or simply misses it in the template. They might spend hours trying to figure out why the template isn't updating correctly.
35+
Mais uma vez, tente não abusar desse padrão. Embora seja conveniente nos raros casos em que você precisa renderizar muito conteúdo estático, isso simplesmente não é necessário, a menos que você realmente observe uma renderização lenta - além disso, pode causar muita confusão posteriormente. Por exemplo, imagine outro desenvolvedor que não está familiarizado com o `v-once` ou simplesmente não o veja no template. Eles podem passar horas tentando descobrir porque o template não está sendo atualizado corretamente.
3636
:::

0 commit comments

Comments
 (0)