@@ -5,42 +5,42 @@ badges:
5
5
6
6
# Unificação de Slots <MigrationBadges :badges =" $frontmatter.badges " />
7
7
8
- ## Visão geral
8
+ ## Visão Geral
9
9
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.
11
11
12
12
Aqui um pequeno sumário sobre o que mudou:
13
13
14
14
- ` this.$slots ` agora exibe os _ slots_ como funções
15
- - ** NOVIDADE ** : ` this.$scopedSlots ` foi removido
15
+ - ** QUEBRA ** : ` this.$scopedSlots ` foi removido
16
16
17
17
Para mais informações, continue lendo!
18
18
19
- ## Sintaxe 2 .x
19
+ ## Sintaxe v2 .x
20
20
21
- Ao utilizar uma função de renderização, como, ` h ` , 2 .x definia a propriedade ` slot ` no conteúdo do nó .
21
+ Ao utilizar uma função de renderização, como ` h ` , a v2 .x definia a propriedade ` slot ` nos nós do conteúdo .
22
22
23
23
``` js
24
- // Sintaxe 2 .x
24
+ // Sintaxe v2 .x
25
25
h (LayoutComponent, [
26
26
h (' div' , { slot: ' header' }, this .header ),
27
27
h (' div' , { slot: ' content' }, this .content )
28
28
])
29
29
```
30
30
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:
32
32
33
33
``` js
34
- // Sintaxe 2 .x
34
+ // Sintaxe v2 .x
35
35
this .$scopedSlots .header
36
36
```
37
37
38
- ## Sintaxe 3 .x
38
+ ## Sintaxe v3 .x
39
39
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:
41
41
42
42
``` js
43
- // Sintaxe 3 .x
43
+ // Sintaxe v3 .x
44
44
h (LayoutComponent, {}, {
45
45
header : () => h (' div' , this .header ),
46
46
content : () => h (' div' , this .content )
@@ -50,16 +50,16 @@ h(LayoutComponent, {}, {
50
50
E quando você precisar referenciar _ slots_ com escopo programaticamente, estes agora estão unificados na opção ` $slots ` .
51
51
52
52
``` js
53
- // Sintaxe 2 .x
53
+ // Sintaxe v2 .x
54
54
this .$scopedSlots .header
55
55
56
- // Sintaxe 3 .x
56
+ // Sintaxe v3 .x
57
57
this .$slots .header ()
58
58
```
59
59
60
60
## Estratégia de Migração
61
61
62
62
A maioria das alterações já estão presentes na versão 2.6. Desta forma, a migração pode acontecer em uma etapa:
63
63
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