Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit f588bd4

Browse files
committedFeb 21, 2022
Review on api/application-config
1 parent 0e6481a commit f588bd4

File tree

1 file changed

+28
-28
lines changed

1 file changed

+28
-28
lines changed
 

Diff for: ‎src/api/application-config.md

+28-28
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
1-
# Configuração da aplicação
1+
# Configuração da Aplicação
22

3-
Cada aplicação Vue expõe um objeto `config` que contém as definições de configuração para aquela aplicação:
3+
Todo aplicativo Vue expõe um objeto `config` que contém as configurações para esse aplicativo:
44

55
```js
66
const app = createApp({})
77

88
console.log(app.config)
99
```
1010

11-
Você pode modificar as propriedades listadas abaixo antes de montar a sua aplicação.
11+
Você pode modificar suas propriedades, listadas abaixo, antes de montar a sua aplicação.
1212

1313
## errorHandler
1414

@@ -20,13 +20,13 @@ Você pode modificar as propriedades listadas abaixo antes de montar a sua aplic
2020

2121
```js
2222
app.config.errorHandler = (err, vm, info) => {
23-
// gerenciar erro
24-
// `info` é uma informação de erro específica do Vue, e.g. em qual gatilho
25-
// do ciclo de vida o erro foi encontrado
23+
// manipula erro
24+
// `info` traz informações de erros específicos do Vue,
25+
// ex.: em qual gatilho do ciclo de vida o erro foi encontrado
2626
}
2727
```
2828

29-
Atribua um gerenciador para erros não capturados durante a função render do componente e os observadores. O gerenciador é chamado com o erro e a instância da aplicação.
29+
Atribua um manipulador para erros não capturados durante a função de renderização do componente e os observadores. O manipulador é chamado com o erro e a instância da aplicação.
3030

3131
> Os serviços de rastreamento de erros [Sentry](https://sentry.io/for/vue/) e [Bugsnag](https://docs.bugsnag.com/platforms/browsers/vue/) fornecem integrações oficiais usando essa opção.
3232
@@ -44,7 +44,7 @@ app.config.warnHandler = function(msg, vm, trace) {
4444
}
4545
```
4646

47-
Atribua um gerenciador customizado para avisos do Vue em tempo de execução. Note que isso funciona apenas durante o desenvolvimento e é ignorado em produção.
47+
Atribua um manipulador customizado para avisos do Vue em tempo de execução. Note que isso funciona apenas durante o desenvolvimento e é ignorado em produção.
4848

4949
## globalProperties
5050

@@ -64,9 +64,9 @@ app.component('child-component', {
6464
})
6565
```
6666

67-
Adiciona uma propriedade global que pode ser acessada em qualquer instância de componente dentro da aplicação. A propriedade do componente irá tomar prioridade quando houver chaves conflitantes.
67+
Adiciona uma propriedade global que pode ser acessada em qualquer instância de componente dentro da aplicação. A propriedade do componente terá prioridade quando houver chaves conflitantes.
6868

69-
Isto pode subsstituir o `Vue.prototype` do Vue 2.x estendendo:
69+
Isto pode substituir o ato de estender o `Vue.prototype` no Vue 2.x:
7070

7171
```js
7272
// Before
@@ -92,8 +92,8 @@ const app = createApp({
9292
}
9393
})
9494

95-
app.config.optionMergeStrategies.hello = (pai, filho) => {
96-
return `Olá, ${filho}`
95+
app.config.optionMergeStrategies.hello = (parent, child) => {
96+
return `Olá, ${child}`
9797
}
9898

9999
app.mixin({
@@ -107,7 +107,7 @@ Defina estratégias de mesclagem para opções customizadas.
107107

108108
A estratégia de mesclagem recebe o valor daquela opção definida nas instâncias de pai e filho como primeiro e segundo argumentos, respectivamente.
109109

110-
- **Veja também:** [Custom Option Merging Strategies](../guide/mixins.html#custom-option-merge-strategies)
110+
- **Ver também:** [Estratégias de Mesclagem de Opções Personalizadas](../guide/mixins.html#estrategias-de-mesclagem-de-opcoes-personalizadas)
111111

112112
## performance
113113

@@ -117,20 +117,20 @@ A estratégia de mesclagem recebe o valor daquela opção definida nas instânci
117117

118118
- **Uso**:
119119

120-
Defina isto como `true` para habilitar a inicialização, compilação, renderização e correção de desempenho do componente rastreando no painel de desempenho ou linha do tempo devtool do navegador. Funciona apenas em modo de desenvolvimento e em navegadores que suportam a API [performance.mark](https://developer.mozilla.org/en-US/docs/Web/API/Performance/mark).
120+
Defina isto como `true` para habilitar a inicialização, compilação, renderização e rastreamento do desempenho de correções do componente no painel de desempenho ou linha do tempo no devtool do navegador. Funciona apenas em modo de desenvolvimento e em navegadores que suportam a API [performance.mark](https://developer.mozilla.org/en-US/docs/Web/API/Performance/mark).
121121

122122
## compilerOptions <Badge text="3.1+" />
123123

124124
- **Tipo:** `Object`
125125

126-
Configure as opções do compilador no tempo de execução. Os valores definidos neste objeto serão pasados para o modelo no navegador e afetarão todos os componentes no app configurado. Note que você também pode sobrepor essas opções de uma maneira por componente usando a [opção `compilerOptions`](/api/options-misc.html#compileroptions).
126+
Configure as opções do compilador de tempo de execução. Os valores definidos neste objeto serão passados para o compilador de _template_ no navegador e afetarão todos os componentes no app configurado. Note que você também pode sobrepor essas opções por componente usando a [opção `compilerOptions`](/api/options-misc.html#compileroptions).
127127

128128
::: tip Importante
129-
Esta opção de configuração só é respeitada ao usar a _build_ completa (e.g. o `vue.js` independente que pode compilar templates no navegador). Se você utilizar a _build_ apenas do momento de execução com uma configuração de instalação, as opções do compilador devem então ser passadas para `@vue/compiler-dom` pela configuração de opções da _build_.
129+
Esta opção de configuração só é respeitada ao usar a compilação completa (ou seja, o `vue.js` independente que pode compilar _templates_ no navegador). Se você utilizar a compilação de tempo de execução (_runtime_) em um ambiente de construção, então as opções do compilador devem ser passadas para `@vue/compiler-dom` através das configurações da ferramenta de construção.
130130

131-
- Para `vue-loader`: [passe pela opção `compilerOptions` loader](https://vue-loader.vuejs.org/options.html#compileroptions). Veja também [como configurá-lo no `vue-cli`](https://cli.vuejs.org/guide/webpack.html#modifying-options-of-a-loader).
131+
- Para `vue-loader`: [passe pela opção `compilerOptions` do loader](https://vue-loader.vuejs.org/options.html#compileroptions). Veja também [como configurá-lo no `vue-cli`](https://cli.vuejs.org/guide/webpack.html#modifying-options-of-a-loader).
132132

133-
- Para `vite`: [passe pelas opções `@vitejs/plugin-vue`](https://github.com/vitejs/vite/tree/main/packages/plugin-vue#example-for-passing-options-to-vuecompiler-dom).
133+
- Para `vite`: [passe pelas opções do `@vitejs/plugin-vue`](https://github.com/vitejs/vite/tree/main/packages/plugin-vue#example-for-passing-options-to-vuecompiler-dom).
134134
:::
135135

136136
### compilerOptions.isCustomElement
@@ -142,13 +142,13 @@ Esta opção de configuração só é respeitada ao usar a _build_ completa (e.g
142142
- **Uso:**
143143

144144
```js
145-
// qualquer elemento começando com 'ion-' será reconhecido como um elemento personalizado
145+
// qualquer elemento começando com 'ion-' será reconhecido como personalizado
146146
app.config.compilerOptions.isCustomElement = tag => tag.startsWith('ion-')
147147
```
148148

149-
Especifica um método para reconhecer elementos personalizados definidos fora do Vue (e.g. usando APIs de _Web Components_). Caso um componente corresponda à essa condição, ele não precisará do registro local ou global e o Vue não lançará avisos sobre um `Elemento personalizado desconhecido`.
149+
Especifica um método para reconhecer elementos personalizados definidos fora do Vue (ex.: usando APIs de _Web Components_). Caso um componente corresponda à essa condição, ele não precisará do registro local ou global e o Vue não lançará avisos sobre um elemento personalizado desconhecido (`Unknown custom element`).
150150

151-
> Note que todas as tags de HTML nativo e SVG não precisam corresponder a esta função. O Vue parser desempenha esta conferência automaticamente.
151+
> Note que todas as tags de HTML nativo e SVG não precisam corresponder a esta função. O _parser_ do Vue desempenha esta conferência automaticamente.
152152
153153
### compilerOptions.whitespace
154154

@@ -162,13 +162,13 @@ Especifica um método para reconhecer elementos personalizados definidos fora do
162162
app.config.compilerOptions.whitespace = 'preserve'
163163
```
164164

165-
Por padrão, o Vue remove/condensa espaços em branco entre elementos template para produzir resultados compilados mais eficientes:
165+
Por padrão, o Vue remove/condensa espaços em branco entre elementos do _template_ para produzir resultados compilados mais eficientes:
166166

167167
1. Espaços em branco no começo ou no fim de um elemento são condensados em um espaço único
168168
2. Espaços em branco entre elementos que contenham novas linhas são removidos
169-
3. Espaços em branco consecutivos em _nodes_ de texto são condensados em um único espaço.
169+
3. Espaços em branco consecutivos em nós de texto são condensados em um único espaço.
170170

171-
Definir o valor como `'preserve'` irá desabilitar o (2) e (3).
171+
Definir o valor como `'preserve'` desabilitará ambos (2) e (3).
172172

173173
### compilerOptions.delimiters
174174

@@ -179,13 +179,13 @@ Definir o valor como `'preserve'` irá desabilitar o (2) e (3).
179179
- **Uso:**
180180

181181
```js
182-
// Delimitadores modificados para o estilo de template de string ES6
182+
// Delimitadores modificados para o estilo de template de string do ES6
183183
app.config.compilerOptions.delimiters = ['${', '}']
184184
```
185185

186-
Define os delimitadores usados para a interpolação de texto dentro do template.
186+
Define os delimitadores usados para a interpolação de texto dentro do _template_.
187187

188-
Tipicamente isso é usado para evitar conflitos com _frameworks server-side_ que também usam sintaxe _mustache_.
188+
Tipicamente isso é usado para evitar conflitos com frameworks do lado do servidor que também usam sintaxe _mustache_.
189189

190190
### compilerOptions.comments
191191

@@ -199,7 +199,7 @@ Tipicamente isso é usado para evitar conflitos com _frameworks server-side_ que
199199
app.config.compilerOptions.comments = true
200200
```
201201

202-
Por padrão, o Vue irá remover comentários HTML dentro de templates em produção. Definir esta opção como `true` irá forçar o Vue a preservar os comentários mesmo em produção. Comentários são sempre preservados em desenvolvimento.
202+
Por padrão, o Vue removerá comentários HTML de dentro de _templates_ em produção. Definir esta opção como `true` forçará o Vue a preservar os comentários mesmo em produção. Comentários são sempre preservados em desenvolvimento.
203203

204204
Esta opção é tipicamente usada quando o Vue é usado com outras bibliotecas que dependem de comentários HTML.
205205

0 commit comments

Comments
 (0)
Please sign in to comment.