Skip to content

Commit 7532a44

Browse files
committed
Review on migration/inline-template-attribute
1 parent 3fb6aef commit 7532a44

File tree

1 file changed

+18
-18
lines changed

1 file changed

+18
-18
lines changed

src/guide/migration/inline-template-attribute.md

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -3,34 +3,34 @@ badges:
33
- breaking
44
---
55

6-
# Atributo Inline Template <MigrationBadges :badges="$frontmatter.badges" />
6+
# Atributo _Inline Template_ <MigrationBadges :badges="$frontmatter.badges" />
77

8-
## Visão geral
8+
## Visão Geral
99

10-
O suporte a [funcionalidade inline-template](https://vuejs.org/v2/guide/components-edge-cases.html#Inline-Templates) foi removido.
10+
O suporte ao [recurso _inline-template_](https://br.vuejs.org/v2/guide/components-edge-cases.html#Templates-Inline) foi removido.
1111

12-
## Sintaxe 2.x
12+
## Sintaxe v2.x
1313

14-
Na versão 2.x, o Vue disponibilizava o atributo `inline-template` em componentes filhos para usar seu conteúdo interno como *template* ao invés de o tratar como conteúdo distribuído.
14+
Na versão 2.x, o Vue disponibilizava o atributo `inline-template` em componentes filhos para usar seu conteúdo interno como _template_ ao invés de o tratar como conteúdo distribuído.
1515

1616
```html
1717
<my-component inline-template>
1818
<div>
1919
<p>Estes são compilados como template do próprio componente.</p>
20-
<p>Não como conteúdo da transclusão dos pais.</p>
20+
<p>Não como conteúdo da transclusão do componente pai.</p>
2121
</div>
2222
</my-component>
2323
```
2424

25-
## Sintaxe 3.x
25+
## Sintaxe v3.x
2626

2727
Esta funcionalidade não receberá mais suporte.
2828

2929
## Estratégia de Migração
3030

31-
A maioria dos casos de uso de `inline-template` assume uma configuração sem ferramentas de compilação, onde todos os templates são escritos diretamente dentro da página HTML.
31+
A maioria dos casos de uso de `inline-template` assume um ambiente sem ferramentas de compilação, onde todos os _templates_ são escritos diretamente dentro da página HTML.
3232

33-
[Sinalizador da compilação de migração: `COMPILER_INLINE_TEMPLATE`](migration-build.html#compat-configuration)
33+
[Sinalizador na compilação de migração: `COMPILER_INLINE_TEMPLATE`](migration-build.html#compat-configuration)
3434

3535
### Opção #1: Utilize a tag `<script>`
3636

@@ -42,7 +42,7 @@ A solução mais simples nestes casos é utilizar a tag `<script>` com um tipo a
4242
</script>
4343
```
4444

45-
E no componente, aponte para o *template* utilizando um seletor:
45+
E no componente, aponte para o _template_ utilizando um seletor:
4646

4747
```js
4848
const MyComp = {
@@ -51,34 +51,34 @@ const MyComp = {
5151
}
5252
```
5353

54-
Isto não requer nenhuma configuração de compilação, funciona em todos os navegadores, não está sujeito a quaisquer ressalvas de análise HTML em DOM (por exemplo, você pode usar nomes de propriedades em camelCase), e fornece destaque de sintaxe na maioria das IDEs. Em *frameworks* tradicionais do lado do servidor, estes *templates* podem ser divididos em partes de *templates* do servidor (incluídas no template HTML principal) para uma melhor manutenção.
54+
Isto não requer nenhuma configuração de compilação, funciona em todos os navegadores, não está sujeito a quaisquer limitações da análise de HTML no-DOM (ex.: você pode usar nomes de propriedades em camelCase) e fornece destaque de sintaxe na maioria das IDEs. Em frameworks tradicionais que trabalham no lado do servidor, estes _templates_ podem ser divididos em partes de _templates_ do servidor (incluídas no _template_ HTML principal) para uma melhor manutenção.
5555

56-
### Opção #2: Slot Padrão
56+
### Opção #2: _Slot_ _Default_
5757

58-
Um componente que anteriormente utilizava `inline-template` também pode ser refatorado utilizando o *slot* padrão - o que torna a definição do escopo de dados mais explícita enquanto preserva a conveniência de escrever o conteúdo filho em linha:
58+
Um componente que anteriormente utilizava `inline-template` também pode ser refatorado utilizando o _slot_ _default_ - o que torna a definição do escopo de dados mais explícita enquanto preserva a conveniência de escrever o conteúdo filho _inline_:
5959

6060
```html
61-
<!-- Sintaxe 2.x -->
61+
<!-- Sintaxe v2.x -->
6262
<my-comp inline-template :msg="parentMsg">
6363
{{ msg }} {{ childState }}
6464
</my-comp>
6565

66-
<!-- Versão com Slot Padrão -->
66+
<!-- Versão com Slot Default -->
6767
<my-comp v-slot="{ childState }">
6868
{{ parentMsg }} {{ childState }}
6969
</my-comp>
7070
```
7171

72-
O componente filho, ao invés de não fornecer nenhum template, agora deve renderizar o *slot* padrão\*:
72+
O componente filho, ao invés de não fornecer nenhum _template_, agora deve renderizar o _slot_ _default_\*:
7373

7474
```html
7575
<!--
76-
no template filho, renderiza o slot padrão enquanto passa
76+
no template filho, renderiza o slot default enquanto passa
7777
o estado privado necessário do filho.
7878
-->
7979
<template>
8080
<slot :childState="childState" />
8181
</template>
8282
```
8383

84-
> - Nota: na versão 3.x, *slots* podem ser renderizados como raiz com suporte nativo a [fragmentos](/guide/migration/fragments)!
84+
> - Nota: na versão 3.x, _slots_ podem ser renderizados como raiz com suporte nativo a [fragmentos](/guide/migration/fragments)!

0 commit comments

Comments
 (0)