主要介绍了解决vue 退出动画无效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

台式技术测试 该存储库包含针对Bench的采访过程执行的编码练习。 注意事项 鉴于这是一个编码测试，并且不打算花费大量时间，所以我从该项目中省略了一些步骤，否则，如果它是真正的生产应用程序，我将采取一些步骤。 这些包括： 添加I18n或等效的国际化支持 仔细考虑可访问性准则。 （这里互动很少，因此机会并不多） 全面设置Webpack管道，并对资产和缓存清除进行优化 SEO注意事项 服务器端预渲染（如果营销页面是SPA的一部分） 过渡和加载动画 安全 使用的图书馆 我使用了几个简单的库来加快

Vue滚动 滚动到元素从未如此简单！ 这适用于vue 2.x和vue 3.x （自 ） 对于vue 1.x使用vue-scrollTo1.0.1 （请注意大写vue-scrollTo1.0.1 T），但请记住，旧版本取决于jquery 。 引擎盖下 vue-scrollto使用window.requestAnimationFrame来执行动画，从而提供最佳性能。 使用缓动（ Easy）完成了-经过良好测试的缓动微库。 它甚至知道用户何时中断，并且不会强制滚动而导致不良的UX。 正在安装

CodePen 地址 前端使用 SPA 之后，能获得更多的控制权，比如页面切换动画，使用后端页面我们可能做不了上面的效果，或者做出来会出现明显的闪屏。因为所有资源都需要重新加载。 今天使用 vue，vue-router，animejs 来讲解如何上面的效果是如何实现的。 步骤 点击菜单，生成 Bubble，开始执行入场动画 页面跳转 执行退场动画 函数式调用组件 我希望效果是通过一个对象去调用，而不是 v-show, v-if 之类的指令，并且为了保持统一，仍然使用 Vue 来写组件