javascript - vue1.0過渡效果怎麼變成vue2.0?

Question

#這是1.0的過渡效果,轉換成2.0的,應該是什麼!

Answer 1

1.在要實現效果的元素外面加上這個包裹層
2.在要實現效果的元素下面加上要實現的樣式transition: 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

看官網升級指南