Skip to content

Commit a6d3d65

Browse files
committed
Revision in guide/migration/slots-unification
1 parent c099fd2 commit a6d3d65

File tree

1 file changed

+15
-15
lines changed

1 file changed

+15
-15
lines changed

src/guide/migration/slots-unification.md

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -5,42 +5,42 @@ badges:
55

66
# Unificação de Slots <MigrationBadges :badges="$frontmatter.badges" />
77

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

10-
Esta modificação unifica tanto _slots_ normais quanto _slots_ `scoped` em 3.x.
10+
Esta modificação unifica _slots_ normais e _slots_ com escopo na v3.x.
1111

1212
Aqui um pequeno sumário sobre o que mudou:
1313

1414
- `this.$slots` agora exibe os _slots_ como funções
15-
- **NOVIDADE**: `this.$scopedSlots` foi removido
15+
- **QUEBRA**: `this.$scopedSlots` foi removido
1616

1717
Para mais informações, continue lendo!
1818

19-
## Sintaxe 2.x
19+
## Sintaxe v2.x
2020

21-
Ao utilizar uma função de renderização, como, `h`, 2.x definia a propriedade `slot` no conteúdo do .
21+
Ao utilizar uma função de renderização, como `h`, a v2.x definia a propriedade `slot` nos nós do conteúdo.
2222

2323
```js
24-
// Sintaxe 2.x
24+
// Sintaxe v2.x
2525
h(LayoutComponent, [
2626
h('div', { slot: 'header' }, this.header),
2727
h('div', { slot: 'content' }, this.content)
2828
])
2929
```
3030

31-
Além disso, ao fazer referência a _slots_ com escopo definido, eles podem ser referenciados usando a seguinte sintaxe:
31+
Além disso, ao referenciar _slots_ com escopo definido, eles poderiam ser referenciados usando a seguinte sintaxe:
3232

3333
```js
34-
// Sintaxe 2.x
34+
// Sintaxe v2.x
3535
this.$scopedSlots.header
3636
```
3737

38-
## Sintaxe 3.x
38+
## Sintaxe v3.x
3939

40-
No 3.x, os _slots_ são definidos como um objeto, filhos do nó atual:
40+
Na v3.x, os _slots_ são definidos como um objeto, filhos do nó atual:
4141

4242
```js
43-
// Sintaxe 3.x
43+
// Sintaxe v3.x
4444
h(LayoutComponent, {}, {
4545
header: () => h('div', this.header),
4646
content: () => h('div', this.content)
@@ -50,16 +50,16 @@ h(LayoutComponent, {}, {
5050
E quando você precisar referenciar _slots_ com escopo programaticamente, estes agora estão unificados na opção `$slots`.
5151

5252
```js
53-
// Sintaxe 2.x
53+
// Sintaxe v2.x
5454
this.$scopedSlots.header
5555

56-
// Sintaxe 3.x
56+
// Sintaxe v3.x
5757
this.$slots.header()
5858
```
5959

6060
## Estratégia de Migração
6161

6262
A maioria das alterações já estão presentes na versão 2.6. Desta forma, a migração pode acontecer em uma etapa:
6363

64-
1. Susbstituir todas as ocorrências de `this.$scopedSlots` por `this.$slots` em 3.x.
65-
2. Susbstituir todas as ocorrências de `this.$slots.mySlot` por `this.$slots.mySlot()`.
64+
1. Susbstitua todas as ocorrências de `this.$scopedSlots` por `this.$slots` na v3.x.
65+
2. Susbstitua todas as ocorrências de `this.$slots.mySlot` por `this.$slots.mySlot()`.

0 commit comments

Comments
 (0)