|
1 |
| -# Misc |
| 1 | +# Diversos |
2 | 2 |
|
3 | 3 | ## name
|
4 | 4 |
|
5 | 5 | - **Tipo:** `string`
|
6 | 6 |
|
7 | 7 | - **Detalhes:**
|
8 | 8 |
|
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. |
10 | 10 |
|
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. |
12 | 12 |
|
13 | 13 | ## delimiters
|
14 | 14 |
|
15 | 15 | - **Tipo:** `Array<string>`
|
16 | 16 |
|
17 |
| -- **Padrão:** `{{ "['\u007b\u007b', '\u007d\u007d']" }}` |
| 17 | +- **Predefinição:** `{{ "['\u007b\u007b', '\u007d\u007d']" }}` |
18 | 18 |
|
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. |
20 | 20 |
|
21 | 21 | - **Detalhes:**
|
22 | 22 |
|
23 | 23 | Define os delimitadores usados para interpolação de texto dentro do *template*.
|
24 | 24 |
|
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*. |
26 | 26 |
|
27 | 27 | - **Exemplo:**
|
28 | 28 |
|
29 | 29 | ```js
|
30 | 30 | Vue.createApp({
|
31 |
| - // Delimitadores mudaram para o estilo template string ES6 |
| 31 | + // Delimitadores alterados para o estilo "template string" do ES6 |
32 | 32 | delimiters: ['${', '}']
|
33 | 33 | })
|
34 | 34 | ```
|
|
37 | 37 |
|
38 | 38 | - **Tipo:** `boolean`
|
39 | 39 |
|
40 |
| -- **Padrão:** `true` |
| 40 | +- **Predefinição:** `true` |
41 | 41 |
|
42 | 42 | - **Detalhes:**
|
43 | 43 |
|
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`. |
46 | 45 |
|
47 | 46 | - **Uso:**
|
48 | 47 |
|
|
64 | 63 | })
|
65 | 64 | ```
|
66 | 65 |
|
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