Vue3中如何避免过渡动画的常见问题？

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

目录+背景+问题定位+下一步分析+总结+背景+在我开发的《Vue 3 开发企业级音乐 App》课程问答区，有同学提出了一个问题，关于在歌手列表到歌手详情页面的转场动画中，只有进入动画，没有退出动画。

目录

• 背景
• 问题定位
• 进一步分析
• 总结

背景

在我的 《Vue 3 开发企业级音乐 App》课程问答区，有个同学提了个问题，在歌手列表到歌手详情页面到转场动画中，只有进入动画，却没有离场动画：

该学生确实在这个问题上研究了有一段时间，而且从他的描述，我一时半会儿也想不出哪有问题，于是让他把代码传到 GitHub 上，毕竟直接从代码层面定位问题是最靠谱的。

问题定位

一般遇到此类问题的时候，我的第一反应是他用的 Vue 3 版本可能有问题，毕竟 Vue 3 还在不断迭代过程，某个版本有一些小 bug 是很正常的，于是我把他的项目的 Vue 3 版本升级到了最新的 3.2.26。

但运行后发现，该问题仍然存在。我感到有些困惑，于是跑了一下自己课程项目源码，并没有复现该问题，然后我又把自己课程项目的 Vue 3 版本也升级到最新，仍然没有复现该问题。

通过上述分析，我基本排除了 Vue 3 版本的问题。