Skip to content

Commit 944f2e6

Browse files
committed
Review on api/options-misc
1 parent 6fb674a commit 944f2e6

File tree

1 file changed

+10
-11
lines changed

1 file changed

+10
-11
lines changed

src/api/options-misc.md

Lines changed: 10 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,34 @@
1-
# Misc
1+
# Diversos
22

33
## name
44

55
- **Tipo:** `string`
66

77
- **Detalhes:**
88

9-
Permitir que o componente seja invocado recursivamente no *template*. Observe que quando um componente é registrado globalmente com `Vue.createApp({}).component({})`, o ID global é automaticamente definido como seu nome.
9+
Permite que o componente invoque si mesmo recursivamente no *template*. Observe que quando um componente é registrado globalmente com `Vue.createApp({}).component({})`, o ID global é automaticamente definido como seu nome.
1010

11-
Outro benefício de especificar a opção `name` é o *debugging*. Componentes nomeados resultam em mensagens de aviso mais úteis. Também, quando inspecionado um *app* no [vue-devtools](https://github.com/vuejs/vue-devtools), componentes sem nome vão ser exibidos como `<AnonymousComponent>`, o que não é muito informativo. Provendo a opção `name`, você vai ter uma árvore de componentes muito mais informativa.
11+
Outro benefício de especificar a opção `name` é a depuração. Componentes nomeados resultam em mensagens de aviso mais úteis. Também, ao inspecionar um *app* no [vue-devtools](https://github.com/vuejs/vue-devtools), componentes sem nome serão exibidos como `<AnonymousComponent>`, o que não é muito informativo. Provendo a opção `name`, você terá uma árvore de componentes muito mais informativa.
1212

1313
## delimiters
1414

1515
- **Tipo:** `Array<string>`
1616

17-
- **Padrão:** `{{ "['\u007b\u007b', '\u007d\u007d']" }}`
17+
- **Predefinição:** `{{ "['\u007b\u007b', '\u007d\u007d']" }}`
1818

19-
- **Restrições:** Essa opção só é disponível na *full build*, com compilação de *template* no navegador.
19+
- **Restrições:** Essa opção só está disponível na distribuição (*build*) completa, com compilação de *template* no navegador.
2020

2121
- **Detalhes:**
2222

2323
Define os delimitadores usados para interpolação de texto dentro do *template*.
2424

25-
Tipicamente isso é usado para evitar conflito com frameworks *server-side* que também usam sintaxe *mustache*.
25+
Tipicamente isso é usado para evitar conflito com frameworks do lado do servidor que também usam sintaxe *mustache*.
2626

2727
- **Exemplo:**
2828

2929
```js
3030
Vue.createApp({
31-
// Delimitadores mudaram para o estilo template string ES6
31+
// Delimitadores alterados para o estilo "template string" do ES6
3232
delimiters: ['${', '}']
3333
})
3434
```
@@ -37,12 +37,11 @@
3737

3838
- **Tipo:** `boolean`
3939

40-
- **Padrão:** `true`
40+
- **Predefinição:** `true`
4141

4242
- **Detalhes:**
4343

44-
Por padrão, ligações de atributo de escopo pai que não são reconhecidas como props vão "cair". Isso signifca que quando nós temos um componente *single-root*, essas ligações vão ser aplicadas para o elemento raiz do componente filho como atributos normais de HTML. Ao criar um componente que envolve um elemento alvo ou outro componente, isso pode não ser sempre o comportamento desejado. Configurando `inheritAttrs` para `false`, esse comportamento padrão pode ser desabilitado. Os atributos estão disponíveis via instância de propriedade `$attrs` e pode ser explicitamente vinculada a um elemento não não raiz usando `v-bind`.
45-
44+
Por padrão, vínculos de atributos do escopo pai irreconhecíveis como props vão "cair" (*fallthrough*). Isso signifca que quando nós temos um componente de raiz única, esses vínculos serão aplicados ao elemento raiz do componente filho como atributos normais do HTML. Ao criar um componente que envolve um elemento alvo ou outro componente, nem sempre este será o comportamento desejado. Configurando `inheritAttrs` para `false`, esse comportamento padrão pode ser desabilitado. Os atributos estarão disponíveis via a propriedade de instância `$attrs` que pode ser explicitamente vinculada a um elemento que não esteja na raiz usando `v-bind`.
4645

4746
- **Uso:**
4847

@@ -64,4 +63,4 @@
6463
})
6564
```
6665

67-
- **Veja também:** [Desativando a Herança de Atributos](../guide/component-attrs.html#disabling-attribute-inheritance)
66+
- **Veja também:** [Desativando a Herança de Atributos](../guide/component-attrs.html#desativando-a-heranca-de-atributos)

0 commit comments

Comments
 (0)