transition来做过渡效果：

<transition name="el-zoom-in-bottom"><div></div>
</transition>

name属性：

属性	描述
el-fade-in-linear	淡入淡出匀速；
el-fade-in	淡入淡出快速；
el-zoom-in-center	中间缩放；
el-zoom-in-top	顶部缩放；
el-zoom-in-bottom	底部缩放；

el-collapse-transition来做折叠过渡效果：

<el-collapse-transition><div></div>
</el-collapse-transition>