transition teleport组合用法

transition teleport组合用法
Transition teleport组合用法指的是在一次过渡中，同时使用transition和teleport属性。

具体使用方式如下：
```
<transition name="fade">
<teleport to="body">
<div v-show="show">Hello!</div>
</teleport>
</transition>
```
以上代码中，我们给transition组件添加了一个name属性，值为"fade"。

在transition组件内部，使用了teleport组件来传送div元素。

此时，div元素会被渲染到指定的teleport目标（此处为body）中。

在这个例子中，我们使用了transition组件的fade过渡效果，当show为true时，div元素会以淡入的方式显示在页面上。

当show为false时，div元素以淡出的方式从页面上消失。

使用transition teleport组合可以实现更加灵活的过渡效果，并且可以将组件的渲染目标指定到任何地方，而不仅仅是在其自身所在的位置。