Vue中transition不起作用，是配置错误还是其他原因导致？

本文共计1339个文字，预计阅读时间需要6分钟。

Vue中的`transition`标签可以方便地实现动画过渡效果，使用方法简单。例如：

这里是过渡的元素...

这里需要注意的是，过渡元素只能是以下之一：- ``- ``- `

`

确保过渡元素符合这些条件。

总所周知，vue中的transition标签可以方便得进行动画过渡，使用的方法也很简单。

<transition name="你要的名字"> 过渡的元素... </transition>

这里需要主要一点的是：过渡的元素只能是以下之一：

条件渲染 (使用 v-if)
条件展示 (使用 v-show)
动态组件
组件根节点

常用的过渡名称有fade等

你可以这样用

<transition name="fade"> 过渡的元素... </transition>

实现的效果就是淡入淡出。