具体示例，请看 frosty-swanson-u4sct - CodeSandbox

顺晟科技：

请尝试修改 components/HelloWorld.vue 中的 .slide-fade-leave-active class 为如下，然后看效果：

点击 Hide 按钮 可以发现离开没有过度效果，但是如果按照 Vue 官网给的示例，将过度属性的值改为 all 便不会存在这个问题。

display:none 会导致动画没有机会展示

感谢你的回复！问题我已经找到了，是我修改官网的代码不充分导致的。简单的来说：过渡离开的时候，因为 transition 不是 all，导致 slide-fade-leave-to 中的 opacity:0 直接产生作用，元素虽然有过度效果，但是被直接隐藏了！、