@@ -34,11 +34,18 @@ function toggleInteropComponent() {
34
34
</div >
35
35
<div class =" vif" >
36
36
<button @click =" toggle = !toggle" >Toggle</button >
37
- <Transition appear @beforeEnter =" () => calls.push('beforeEnter')" @enter =" () => calls.push('onEnter')"
38
- @afterEnter =" () => calls.push('afterEnter')" @beforeLeave =" () => calls.push('beforeLeave')"
39
- @leave =" () => calls.push('onLeave')" @afterLeave =" () => calls.push('afterLeave')"
40
- @beforeAppear =" () => calls.push('beforeAppear')" @appear =" () => calls.push('onAppear')"
41
- @afterAppear =" () => calls.push('afterAppear')" >
37
+ <Transition
38
+ appear
39
+ @beforeEnter =" () => calls.push('beforeEnter')"
40
+ @enter =" () => calls.push('onEnter')"
41
+ @afterEnter =" () => calls.push('afterEnter')"
42
+ @beforeLeave =" () => calls.push('beforeLeave')"
43
+ @leave =" () => calls.push('onLeave')"
44
+ @afterLeave =" () => calls.push('afterLeave')"
45
+ @beforeAppear =" () => calls.push('beforeAppear')"
46
+ @appear =" () => calls.push('onAppear')"
47
+ @afterAppear =" () => calls.push('afterAppear')"
48
+ >
42
49
<h1 v-if =" toggle" >vIf</h1 >
43
50
</Transition >
44
51
</div >
@@ -73,15 +80,19 @@ function toggleInteropComponent() {
73
80
</div >
74
81
</div >
75
82
<div class =" vdom-vapor-out-in" >
76
- <button @click =" toggleInteropComponent" >switch between vdom/vapor component out-in mode</button >
83
+ <button @click =" toggleInteropComponent" >
84
+ switch between vdom/vapor component out-in mode
85
+ </button >
77
86
<div >
78
87
<Transition name =" fade" mode =" out-in" >
79
88
<component :is =" interopComponent" ></component >
80
89
</Transition >
81
90
</div >
82
91
</div >
83
92
<div class =" vdom-vapor-in-out" >
84
- <button @click =" toggleVdom = !toggleVdom" >switch between vdom/vapor component in-out mode</button >
93
+ <button @click =" toggleVdom = !toggleVdom" >
94
+ switch between vdom/vapor component in-out mode
95
+ </button >
85
96
<div >
86
97
<Transition name =" fade" mode =" in-out" >
87
98
<VaporCompA v-if =" toggleVdom" />
0 commit comments