vue过渡效果 css过渡 类名的先后顺序

Question

给一个元素设计过渡,理想效果是出现时高度递增，消失是高度递减。
设计的代码如下：

结果元素出现时，高度直接到达100px，消失时正常，修改代码的顺序如下：