|
1 | 1 | # Prover e Injetar Dados
|
2 | 2 |
|
3 |
| -> Este guia assume que você já leu as seções de [Prover e Injetar Dados](component-provide-inject.html), [Introdução a API de Composição](composition-api-introduction.html) e [Fundamentos de Reatividade](reactivity-fundamentals.html). |
| 3 | +> Este guia assume que você já leu as seções [Prover e Injetar Dados](component-provide-inject.html), [Introdução a API de Composição](composition-api-introduction.html) e [Fundamentos de Reatividade](reactivity-fundamentals.html). |
4 | 4 |
|
5 |
| -Podemos [prover / injetar dados](component-provide-inject.html) com a API de Composição também. Ambos só podem ser chamados durante [`setup()`](composition-api-setup.html) |
6 |
| -com uma instância ativa atual. |
| 5 | +Podemos [prover e injetar dados](component-provide-inject.html) com a API de Composição também. Ambos só podem ser chamados durante [`setup()`](composition-api-setup.html) com uma instância ativa atual. |
7 | 6 |
|
8 | 7 | ## Exemplo de Cenário
|
9 | 8 |
|
@@ -44,7 +43,7 @@ export default {
|
44 | 43 |
|
45 | 44 | ## Usando Provide
|
46 | 45 |
|
47 |
| -Ao usar `provide` em `setup()`, começamos importando explicitamente o método de `vue`. Isso nos permite definir cada propriedade com sua própria invocação de `provide`. |
| 46 | +Ao usar `provide` no `setup()`, começamos importando explicitamente o método de `vue`. Isso nos permite definir cada propriedade com sua própria invocação de `provide`. |
48 | 47 |
|
49 | 48 | A função `provide` permite definir a propriedade por meio de dois parâmetros:
|
50 | 49 |
|
@@ -80,7 +79,7 @@ export default {
|
80 | 79 |
|
81 | 80 | ## Usando Inject
|
82 | 81 |
|
83 |
| -Ao usar `inject` em `setup()`, também precisamos importá-lo explicitamente de `vue`. Assim que fizermos isso, isso nos permitirá invocá-lo para definir como queremos expô-lo ao nosso componente. |
| 82 | +Ao usar `inject` no `setup()`, também precisamos importá-lo explicitamente de `vue`. Assim que fizermos isso, isso nos permitirá invocá-lo para definir como queremos expô-lo ao nosso componente. |
84 | 83 |
|
85 | 84 | A função `inject` leva dois parâmetros:
|
86 | 85 |
|
@@ -112,7 +111,7 @@ export default {
|
112 | 111 |
|
113 | 112 | ### Adicionando Reatividade
|
114 | 113 |
|
115 |
| -Para adicionar reatividade entre os valores providos e injetados, podemos usar uma [ref](reactivity-fundamentals.html#creating-standalone-reactive-values-as-refs) ou [reactive](reactivity-fundamentals.html#declaring-reactive-state) ao prover um valor. |
| 114 | +Para adicionar reatividade entre os valores providos e injetados, podemos usar uma [ref](reactivity-fundamentals.html#criacao-de-valores-reativos-avulsos-como-refs) ou [reactive](reactivity-fundamentals.html#declarando-estado-reativo) ao prover um valor. |
116 | 115 |
|
117 | 116 | Usando nosso componente `MyMap`, nosso código pode ser atualizado da seguinte forma:
|
118 | 117 |
|
@@ -146,9 +145,9 @@ export default {
|
146 | 145 |
|
147 | 146 | Agora, se alguma coisa mudar em qualquer uma das propriedades, o componente `MyMarker` também será atualizado automaticamente!
|
148 | 147 |
|
149 |
| -### Propriedades de Mutação Reativas |
| 148 | +### Mutando Propriedades Reativas |
150 | 149 |
|
151 |
| -Ao usar dados providos / injetados reativos, **é recomendado manter quaisquer mutações nas propriedades reativas dentro do _provider_ sempre que possível**. |
| 150 | +Ao usar dados providos e injetados reativos, **é recomendado manter quaisquer mutações nas propriedades reativas dentro do _provider_ sempre que possível**. |
152 | 151 |
|
153 | 152 | Por exemplo, no caso de precisarmos alterar a localização do usuário, o ideal seria fazer isso dentro de nosso componente `MyMap`.
|
154 | 153 |
|
@@ -189,7 +188,7 @@ export default {
|
189 | 188 | </script>
|
190 | 189 | ```
|
191 | 190 |
|
192 |
| -No entanto, há momentos em que precisamos atualizar os dados dentro do componente onde os dados são injetados. Nesse cenário, recomendamos prover um método que seja responsável por transformar a propriedade reativa. |
| 191 | +No entanto, há momentos em que precisamos atualizar os dados dentro do componente onde os dados são injetados. Nesse cenário, recomendamos prover um método que seja responsável por mutar a propriedade reativa. |
193 | 192 |
|
194 | 193 | ```vue{21-23,27}
|
195 | 194 | <!-- src/components/MyMap.vue -->
|
|
0 commit comments