前端之家收集整理的这篇文章主要介绍了
详解Vue中添加过渡效果，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
最近在学习Vue这个框架，发现新的版本中，官网的文档里面说的过渡效果，如果直接粘贴官方的例子中的代码，发现并没有过渡的效果，经过反复测试之后终于知道怎么搞了，把测试的过程总结一下，以便以后回顾。
贴上成功的代码：
html:
//或者
css:
/ .expand-enter 定义进入的开始状态 /
/ .expand-leave 定义离开的结束状态 /
.expand-enter,.expand-leave {
height: 0;
padding: 0 10px;
opacity: 0;
}
js:
效果如下：
@H_403_21@
@H_
403_21@
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。
