Skip to content

Commit 80348a4

Browse files
committed
Translates first section of guide/reactivity.md to pt-BR
1 parent 64ba2db commit 80348a4

File tree

1 file changed

+11
-11
lines changed

1 file changed

+11
-11
lines changed

src/guide/reactivity.md

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -2,20 +2,20 @@
22

33
Agora é o momento de mergulhar fundo! Uma das características mais distintas do Vue é o seu discreto sistema de reatividade. Models são _proxies_ de objetos JavaScript. Quando você os modifica, a _view_ é atualizada. Isso faz com que a administração de estado seja simples e intuitiva, porém é importante entender como isso funciona para evitar algumas pegadinhas. Nesta seção, vamos nos aprofundar em alguns dos detalhes de baixo nível do sistema de reatividade do Vue.
44

5-
<VideoLesson href="https://www.vuemastery.com/courses/vue-3-reactivity/vue3-reactivity" title="Learn how how reactivity works in depth with Vue Mastery">Assista um vídeo gratuito sobre Aprofundando-se na Reatividade no Vue Mastery</VideoLesson>
5+
<VideoLesson href="https://www.vuemastery.com/courses/vue-3-reactivity/vue3-reactivity" title="Aprenda a fundo como a reatividade funciona com o Vue Mastery">Assista um vídeo gratuito sobre Aprofundando-se na Reatividade no Vue Mastery</VideoLesson>
66

7-
## What is Reactivity?
7+
## O que é Reatividade?
88

9-
This term comes up in programming quite a bit these days, but what do people mean when they say it? Reactivity is a programming paradigm that allows us to adjust to changes in a declarative manner. The canonical example that people usually show, because it’s a great one, is an excel spreadsheet.
9+
Esse termo aparece na programação com uma certa frequência atualmente, mas o que as pessoas entendem por isso? Reatividade é um paradigma de programação que nos permite nos ajustar a mudanças de uma maneira declarativa. O exemplo canônico que as pessoas geralmente mostram, por ser um ótimo exemplo, é uma planilha do excel.
1010

1111
<video width="550" height="400" controls>
1212
<source src="/images/reactivity-spreadsheet.mp4" type="video/mp4">
13-
Your browser does not support the video tag.
13+
Seu navegador não possui suporte para a tag video.
1414
</video>
1515

16-
If you put the number two in the first cell, and the number 3 in the second and asked for the SUM, the spreadsheet would give it to you. No surprises there. But if you update that first number, the SUM automagically updates too.
16+
Se você colocar o número dois na primeira célula, e o número 3 na segunda e então utilizar o SUM, a planilha te dará o resultado. Nenhuma surpresa aqui. Mas se você atualizar o primeiro número, o SUM é automagicamente atualizado.
1717

18-
JavaScript doesn’t usually work like this -- If we were to write something comparable in JavaScript:
18+
O JavaScript, geralmente, não funciona assim -- Se escrevêssemos algo semelhante em Javascript:
1919

2020
```js
2121
var val1 = 2
@@ -31,13 +31,13 @@ val1 = 3
3131
// 5
3232
```
3333

34-
If we update the first value, the sum is not adjusted.
34+
Se atualizarmos o primeiro valor, a soma não é ajustada.
3535

36-
So how would we do this in JavaScript?
36+
Então como fazemos isso em JavaScript?
3737

38-
- Detect when there’s a change in one of the values
39-
- Track the function that changes it
40-
- Trigger the function so it can update the final value
38+
- Detecte quando há uma mudança em algum dos valores
39+
- Rastreie a função que o modifica
40+
- Dispare a função de modo que ela possa atualizar o valor final
4141

4242
## How Vue Tracks These Changes
4343

0 commit comments

Comments
 (0)