Skip to content

Commit e87c5b4

Browse files
authored
Merge pull request #276 from GuiDevloper/fast-translation
Translation of parts added after upstream sync
2 parents a639386 + 457d4d6 commit e87c5b4

10 files changed

+153
-153
lines changed

src/api/directives.md

+19-19
Original file line numberDiff line numberDiff line change
@@ -298,14 +298,14 @@
298298
<svg><a :xlink:special="foo"></a></svg>
299299
```
300300

301-
When setting a binding on an element, Vue by default checks whether the element has the key defined as a property using an `in` operator check. If the property is defined, Vue will set the value as a DOM property instead of an attribute. This should work in most cases, but you can override this behavior by explicitly using `.prop` or `.attr` modifiers. This is sometimes necessary, especially when [working with custom elements](/guide/web-components.html#passing-dom-properties).
301+
Ao definir um vínculo em um elemento, o Vue por padrão verifica se o elemento tem a chave definida como uma propriedade usando uma verificação com operador `in`. Se a propriedade estiver definida, o Vue definirá o valor como uma propriedade DOM ao invés de um atributo. Isso deve funcionar na maioria dos casos, mas você pode substituir esse comportamento explicitamente usando os modificadores `.prop` ou `.attr`. Isso às vezes é necessário, especialmente ao [trabalhar com elementos personalizados](/guide/web-components.html#passing-dom-properties).
302302

303-
The `.prop` modifier also has a dedicated shorthand, `.`:
303+
O modificador `.prop` também tem uma abreviação dedicada, `.`:
304304

305305
```html
306306
<div :someProperty.prop="someObject"></div>
307307

308-
<!-- equivalent to -->
308+
<!-- equivalente a -->
309309
<div .someProperty="someObject"></div>
310310
```
311311

@@ -463,52 +463,52 @@
463463
</ul>
464464
```
465465

466-
Since 3.2, you can also memoize part of the template with invalidation conditions using [`v-memo`](#v-memo).
466+
Desde a versão 3.2, você também pode memorizar parte do _template_ com condições de invalidação usando [`v-memo`](#v-memo).
467467

468468
- **Ver também:**
469469
- [Sintaxe de Templates - Interpolações](../guide/template-syntax.html#texto)
470470
- [v-memo](#v-memo)
471471

472472
## v-memo <Badge text="3.2+" />
473473

474-
- **Expects:** `Array`
474+
- **Espera:** `Array`
475475

476-
- **Details:**
476+
- **Detalhes:**
477477

478-
Memoize a sub-tree of the template. Can be used on both elements and components. The directive expects a fixed-length array of dependency values to compare for the memoization. If every value in the array was the same as last render, then updates for the entire sub-tree will be skipped. For example:
478+
Memorize uma subárvore do _template_. Pode ser usado em elementos e componentes. A diretiva espera um array com comprimento fixo e valores das dependências para comparar na memorização. Se todos os valores do array forem iguais à última renderização, as atualizações de toda a subárvore serão ignoradas. Por exemplo:
479479

480480
```html
481481
<div v-memo="[valueA, valueB]">
482482
...
483483
</div>
484484
```
485485

486-
When the component re-renders, if both `valueA` and `valueB` remain the same, all updates for this `<div>` and its children will be skipped. In fact, even the Virtual DOM VNode creation will also be skipped since the memoized copy of the sub-tree can be reused.
486+
Quando o componente for renderizado novamente, se `valueA` e `valueB` permanecerem os mesmos, todas as atualizações para esta `<div>` e seus filhos serão ignoradas. Na verdade, mesmo a criação do VNode no DOM Virtual também será pulada, pois a cópia memorizada da subárvore pode ser reutilizada.
487487

488-
It is important to specify the memoization array correctly, otherwise we may skip updates that should indeed be applied. `v-memo` with an empty dependency array (`v-memo="[]"`) would be functionally equivalent to `v-once`.
488+
É importante especificar o array de memorização corretamente, caso contrário podemos pular atualizações que realmente deveriam ser aplicadas. `v-memo` com um array de dependências vazio (`v-memo="[]"`) seria funcionalmente equivalente a `v-once`.
489489

490-
**Usage with `v-for`**
490+
**Uso com `v-for`**
491491

492-
`v-memo` is provided solely for micro optimizations in performance-critical scenarios and should be rarely needed. The most common case where this may prove helpful is when rendering large `v-for` lists (where `length > 1000`):
492+
O `v-memo` é fornecido apenas para micro otimizações em cenários de desempenho crítico e raramente deve ser necessário. O caso mais comum em que isso pode ser útil é ao renderizar grandes listas `v-for` (onde `length > 1000`):
493493

494494
```html
495495
<div v-for="item in list" :key="item.id" v-memo="[item.id === selected]">
496-
<p>ID: {{ item.id }} - selected: {{ item.id === selected }}</p>
497-
<p>...more child nodes</p>
496+
<p>ID: {{ item.id }} - selecionado: {{ item.id === selected }}</p>
497+
<p>...mais nós filhos</p>
498498
</div>
499499
```
500500

501-
When the component's `selected` state changes, a large amount of VNodes will be created even though most of the items remained exactly the same. The `v-memo` usage here is essentially saying "only update this item if it went from non-selected to selected, or the other way around". This allows every unaffected item to reuse its previous VNode and skip diffing entirely. Note we don't need to include `item.id` in the memo dependency array here since Vue automatically infers it from the item's `:key`.
501+
Quando o estado de `selected` no componente muda, uma grande quantidade de VNodes será criada mesmo que a maioria dos itens permaneçam exatamente os mesmos. O uso do `v-memo` aqui está basicamente dizendo "apenas atualize este item se ele for de não selecionado para selecionado, ou o contrário". Isso permite que cada item não afetado reutilize seu VNode anterior e pule totalmente a diferenciação. Note que não precisamos incluir `item.id` no array de dependências do _memo_ aqui já que o Vue automaticamente o infere do `:key` do item.
502502

503-
:::warning
504-
When using `v-memo` with `v-for`, make sure they are used on the same element. **`v-memo` does not work inside `v-for`.**
503+
:::warning Aviso
504+
Ao usar `v-memo` com `v-for`, certifique-se de que eles sejam usados ​​no mesmo elemento. **`v-memo` não funciona dentro de `v-for`.**
505505
:::
506506

507-
`v-memo` can also be used on components to manually prevent unwanted updates in certain edge cases where the child component update check has been de-optimized. But again, it is the developer's responsibility to specify correct dependency arrays to avoid skipping necessary updates.
507+
O `v-memo` também pode ser usado em componentes para impedir manualmente atualizações indesejadas em certos casos extremos em que a verificação de atualização do componente filho foi desotimizada. Mas novamente, é responsabilidade do desenvolvedor especificar os arrays de dependências corretas para evitar pular as atualizações necessárias.
508508

509-
- **See also:**
509+
- **Ver também:**
510510
- [v-once](#v-once)
511511

512512
## v-is <Badge text="deprecated" type="warning" />
513513

514-
Deprecated in 3.1.0. Use [`is` attribute with `vue:` prefix](/api/special-attributes.html#is) instead.
514+
Obsoleto na 3.1.0. Use [o atributo `is` com o prefixo `vue:`](/api/special-attributes.html#is).

src/guide/composition-api-introduction.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -76,7 +76,7 @@ Agora que já sabemos o **porquê**, podemos chegar ao **como**. Para começar a
7676
A nova opção de componente `setup` é executada **antes** do componente ser criado, uma vez que as `props` estão resolvidas, e serve como ponto de entrada para APIs de composição.
7777

7878
::: warning Aviso
79-
You should avoid using `this` inside `setup` as it won't refer to the component instance. `setup` is called before `data` properties, `computed` properties or `methods` are resolved, so they won't be available within `setup`.
79+
Você deve evitar usar `this` dentro de `setup`, pois não fará referência à instância do componente. `setup` é chamado antes das propriedades `data`, `computed` ou `methods` serem resolvidas, então elas não estarão disponíveis em `setup`.
8080
:::
8181

8282
A opção `setup` deve ser uma função que aceita `props` e `context`, sobre os quais falaremos [depois](composition-api-setup.html#argumentos). Além disso, tudo o que retornamos de `setup` será exposto ao resto do nosso componente (dados computados, métodos, gatilhos de ciclo de vida e assim por diante), bem como ao _template_ do componente.

src/guide/migration/events-api.md

+12-12
Original file line numberDiff line numberDiff line change
@@ -58,17 +58,17 @@ Removemos os métodos `$on`, `$off` e `$once` da instância completamente. `$emi
5858

5959
## Estratégia de Migração
6060

61-
[Migration build flag: `INSTANCE_EVENT_EMITTER`](migration-build.html#compat-configuration)
61+
[Sinalizador na compilação de migração: `INSTANCE_EVENT_EMITTER`](migration-build.html#compat-configuration)
6262

63-
In Vue 3, it is no longer possible to use these APIs to listen to a component's own emitted events from within a component. There is no migration path for that use case.
63+
No Vue 3, não é mais possível usar essas APIs para ouvir os próprios eventos emitidos de um componente de dentro de um componente. Não há caminho de migração para esse caso de uso.
6464

65-
### Root Component Events
65+
### Eventos do Componente Raiz
6666

67-
Static event listeners can be added to the root component by passing them as props to `createApp`:
67+
Os escutadores de evento estáticos podem ser adicionados ao componente raiz passando-os como props para `createApp`:
6868

6969
```js
7070
createApp(App, {
71-
// Listen for the 'expand' event
71+
// Escuta o evento 'expand'
7272
onExpand() {
7373
console.log('expand')
7474
}
@@ -93,12 +93,12 @@ export default {
9393
}
9494
```
9595

96-
This provides the same event emitter API as in Vue 2.
96+
Isso fornece a mesma API de emissor de eventos que no Vue 2.
9797

98-
In most circumstances, using a global event bus for communicating between components is discouraged. While it is often the simplest solution in the short term, it almost invariably proves to be a maintenance headache in the long term. Depending on the circumstances, there are various alternatives to using an event bus:
98+
Na maioria das circunstâncias, o uso de um _event bus_ global para comunicação entre componentes é desencorajado. Embora muitas vezes seja a solução mais simples a curto prazo, quase invariavelmente prova ser uma dor de cabeça de manutenção a longo prazo. Dependendo das circunstâncias, existem várias alternativas ao uso de um _event bus_:
9999

100-
* [Props](/guide/component-basics.html#passing-data-to-child-components-with-props) and [events](/guide/component-basics.html#listening-to-child-components-events) should be your first choice for parent-child communication. Siblings can communicate via their parent.
101-
* [Provide and inject](/guide/component-provide-inject.html) allow a component to communicate with its slot contents. This is useful for tightly-coupled components that are always used together.
102-
* `provide`/`inject` can also be used for long-distance communication between components. It can help to avoid 'prop drilling', where props need to be passed down through many levels of components that don't need those props themselves.
103-
* Prop drilling can also be avoided by refactoring to use slots. If an interim component doesn't need the props then it might indicate a problem with separation of concerns. Introducing a slot in that component allows the parent to create the content directly, so that props can be passed without the interim component needing to get involved.
104-
* [Global state management](/guide/state-management.html), such as [Vuex](https://next.vuex.vuejs.org/).
100+
* [Props](/guide/component-basics.html#passando-dados-aos-filhos-com-propriedades) e [eventos](/guide/component-basics.html#escutando-eventos-dos-filhos) deve ser sua primeira escolha para comunicação entre pais e filhos. Irmãos podem se comunicar através de seus pais.
101+
* [Prover e injetar](/guide/component-provide-inject.html) permite que um componente se comunique com seu conteúdo de slot. Isso é útil para componentes fortemente acoplados que são sempre usados ​​juntos.
102+
* `provide`/`inject` também pode ser usado para comunicação de longa distância entre componentes. Isso pode ajudar a evitar a 'perfuração com props', onde as props precisam ser passadas abaixo por muitos níveis de componentes que não precisam delas.
103+
* A perfuração com props também pode ser evitada refatorando para usar slots. Se um componente provisório não precisar das props, isso pode indicar um problema com a separação de preocupações. A introdução de um slot nesse componente permite que o pai crie o conteúdo diretamente, para que as props possam ser passadas sem que o componente provisório precise se envolver.
104+
* [Gerenciamento de estado global](/guide/state-management.html), como [Vuex](https://next.vuex.vuejs.org/).

src/guide/migration/keycode-modifiers.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -58,13 +58,13 @@ Como um resultado, isso significa que `config.keyCodes` também está obsoleto e
5858

5959
Para aqueles que utilizam `keyCode` em sua base de código, nós recomendamos convertê-los para os nomes kebab-cased equivalentes.
6060

61-
The keys for some punctuation marks can just be included literally. e.g. For the `,` key:
61+
As teclas para alguns sinais de pontuação podem ser incluídas literalmente. por exemplo. Para a tecla `,`:
6262

6363
```html
6464
<input v-on:keypress.,="commaPress">
6565
```
6666

67-
Limitations of the syntax prevent certain characters from being matched, such as `"`, `'`, `/`, `=`, `>`, and `.`. For those characters you should check `event.key` inside the listener instead.
67+
As limitações da sintaxe impedem que certos caracteres sejam correspondidos, como `"`, `'`, `/`, `=`, `>` e `.`. Para esses caracteres você deve verificar `event.key` dentro do escutador em vez disso.
6868

6969
[Migration build flags:](migration-build.html#compat-configuration)
7070

src/guide/migration/transition.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ Os nomes de propriedades do componente `<transition>` relacionadas também foram
6161
2. Substitua instâncias de `.v-leave` por `.v-leave-from`
6262
3. Substitua instâncias de nomes de propriedades relacionadas, como acima.
6363

64-
## See also
64+
## Ver também
6565

66-
- [`<Transition>` as a root can no longer be toggled from the outside](/guide/migration/transition-as-root.html)
67-
- [`<TransitionGroup>` now renders no wrapper element by default](/guide/migration/transition-group.html)
66+
- [`<Transition>` como uma raiz não pode mais ser alternada do lado de fora](/guide/migration/transition-as-root.html)
67+
- [`<TransitionGroup>` agora não renderiza nenhum elemento _wrapper_ por padrão](/guide/migration/transition-group.html)

src/guide/migration/v-model.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -191,6 +191,6 @@ Nós recomendamos:
191191

192192
Para mais informações na nova sintaxe do `v-model`, veja:
193193

194-
- [Utilizando `v-model` em Componentes](../component-basics.html#using-v-model-on-components)
195-
- [Argumentos do `v-model`](../component-custom-events.html#v-model-arguments)
196-
- [Tratando modificadores do `v-model`](../component-custom-events.html#handling-v-model-modifiers)
194+
- [Utilizando `v-model` em Componentes](../component-basics.html#usando-v-model-em-componentes)
195+
- [Argumentos do `v-model`](../component-custom-events.html#argumentos-do-v-model)
196+
- [Tratando modificadores do `v-model`](../component-custom-events.html#manipulando-modificadores-do-v-model)

0 commit comments

Comments
 (0)