We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent d70335e commit 398f531Copy full SHA for 398f531
docs/guide/advanced/transitions.md
@@ -1,13 +1,13 @@
1
# Transitions
2
3
-TODO: redo this page once it's good to use in Vue router
4
-
5
Since the `<router-view>` is essentially a dynamic component, we can apply transition effects to it the same way using the `<transition>` component:
6
7
```html
8
-<transition>
9
- <router-view></router-view>
10
-</transition>
+ <router-view v-slot="{ Component }">
+ <transition>
+ <component :is="Component" />
+ </transition>
+ </router-view>
11
```
12
13
[All transition APIs](https://vuejs.org/guide/transitions.html) work the same here.
0 commit comments