Skip to content

Commit bc3b673

Browse files
authored
Translate Codepen links and remove cache italics
Observação: a palavra cache já é sua própria tradução (se escreve da mesma forma em português), portanto não exige itálico.
1 parent fd52589 commit bc3b673

File tree

1 file changed

+9
-9
lines changed

1 file changed

+9
-9
lines changed

src/guide/computed.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -72,9 +72,9 @@ Vue.createApp({
7272
Resultado:
7373

7474
<p class="codepen" data-height="300" data-theme-id="39028" data-default-tab="js,result" data-user="vuejs-br" data-slug-hash="vYGVjaO" data-editable="true" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Exemplo básico de Dados Computados">
75-
<span>See the Pen <a href="https://codepen.io/vuejs-br/pen/vYGVjaO">
76-
Exemplo básico de Dados Computados</a> by Vue.js Brasil (<a href="https://codepen.io/vuejs-br">@vuejs-br</a>)
77-
on <a href="https://codepen.io">CodePen</a>.</span>
75+
<span>Veja o exemplo <a href="https://codepen.io/vuejs-br/pen/vYGVjaO">
76+
Exemplo básico de Dados Computados</a> por Vue.js Brasil (<a href="https://codepen.io/vuejs-br">@vuejs-br</a>)
77+
no <a href="https://codepen.io">CodePen</a>.</span>
7878
</p>
7979
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>
8080

@@ -84,7 +84,7 @@ Tente remover os valores do vetor _(array)_ `books`, encontrado dentro de `data`
8484

8585
É possível vincular dados computados em _templates_ como qualquer outro tipo de dado. Vue tem ciência de que `vm.publishedBooksMessage` depende de `vm.author.books` para prover seu valor, portanto, ele irá atualizar qualquer vínculo de `vm.publishedBooksMessage` sempre que `vm.author.books` sofrer alterações. A melhor parte disto é que criamos tal relação de dependência de forma declarativa: a função _getter_ computada não possui quaisquer efeitos colaterais, tornando-se mais fácil de testar e entender.
8686

87-
### _Caching_ de `computed` vs. Métodos
87+
### Cache de `computed` vs. Métodos
8888

8989
Você pode ter notado que é possível obtermos o mesmo resultado ao chamarmos um método, como:
9090

@@ -101,7 +101,7 @@ methods: {
101101
}
102102
```
103103

104-
Ao invés de utilizar dados computados, podemos obter os mesmos resultados ao simplesmente utilizar métodos. No entanto, a diferença é que **dados computados possuem _cache_ de acordo com suas dependências reativas**. Um dado computado, portanto, apenas será atualizado quando alguma de suas dependências sofrer alteração. Isto significa, por exemplo, que enquanto `author.books` não for alterado, o dado computado `publishedBooksMessage` irá retornar, imediatamente, o último resultado calculado, independente da quantidade de acessos que obter, sem ter de executar a função novamente.
104+
Ao invés de utilizar dados computados, podemos obter os mesmos resultados ao simplesmente utilizar métodos. No entanto, a diferença é que **dados computados possuem cache de acordo com suas dependências reativas**. Um dado computado, portanto, apenas será atualizado quando alguma de suas dependências sofrer alteração. Isto significa, por exemplo, que enquanto `author.books` não for alterado, o dado computado `publishedBooksMessage` irá retornar, imediatamente, o último resultado calculado, independente da quantidade de acessos que obter, sem ter de executar a função novamente.
105105

106106
Isto também significa que o dado computado a seguir nunca será atualizado, já que `Date.now()` não é reconhecido como uma dependência reativa:
107107

@@ -115,7 +115,7 @@ computed: {
115115

116116
Por outro lado, invocar um método **sempre** irá executar sua função quando ocorrer uma nova renderização.
117117

118-
Por que precisamos de _caching_? Imagine que temos um dado computado `list` extremamente custoso, que requer iterar por um extenso vetor _(array)_ e realizar cálculos com seus valores. Além disto, há outros dados computados que dependem de `list`. Sem realizarmos o _cache_, `list` seria executado muito mais vezes do que o necessário! Se você realmente não desejar realizar o _cache_ do valor calculado, utilize um método.
118+
Por que precisamos de _caching_? Imagine que temos um dado computado `list` extremamente custoso, que requer iterar por um extenso vetor _(array)_ e realizar cálculos com seus valores. Além disto, há outros dados computados que dependem de `list`. Sem realizarmos o cache, `list` seria executado muito mais vezes do que o necessário! Se você realmente não desejar realizar o cache do valor calculado, utilize um método.
119119

120120
### Atribuição em Dados Computados
121121

@@ -203,9 +203,9 @@ Por exemplo:
203203
Resultado:
204204

205205
<p class="codepen" data-height="300" data-theme-id="39028" data-default-tab="result" data-user="vuejs-br" data-slug-hash="XWdxqYx" data-editable="true" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Exemplo básico de Observadores">
206-
<span>See the Pen <a href="https://codepen.io/vuejs-br/pen/XWdxqYx">
207-
Exemplo básico de Observadores</a> by Vue.js Brasil (<a href="https://codepen.io/vuejs-br">@vuejs-br</a>)
208-
on <a href="https://codepen.io">CodePen</a>.</span>
206+
<span>Veja o exemplo <a href="https://codepen.io/vuejs-br/pen/XWdxqYx">
207+
Exemplo básico de Observadores</a> por Vue.js Brasil (<a href="https://codepen.io/vuejs-br">@vuejs-br</a>)
208+
no <a href="https://codepen.io">CodePen</a>.</span>
209209
</p>
210210
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>
211211

0 commit comments

Comments
 (0)