javascript - How to change vue1.0 transition effect into vue2.0?

Question

This is the transition effect of 1.0, what should it be when converted to 2.0!

Answer 1

1. Add the <transition name="fold"></transition> wrapping layer outside the element to achieve the effect
2. Add the style transition to be implemented below the element to achieve the effect: translate3d( 0, -100%, 0)
3.fold-enter-active,fold-leave-active

transiton: all 0.5s
这是实现效果逐渐出现和逐渐消失的过渡

4.fold-enter,fold-leave-active

transform: translate3d(0,0,0)
效果实现前和效果消失后的状态       

Answer 2

See the official website upgrade guide