(四)Vue中的动画嵌套

(一)Vue中的动画嵌套

(1)平时我们创建动画都使用的是transition标签

基本上我们都那么写，但是比如说一个元素我希望他一边移动一边滚动那该怎么办？

(2)这个时候我们就需要分层了

例如

这样做的好处就是横向就是平移，然后里面的元素就是滚动。要是把rotate写道关键帧里面他会直接滚动

(3)但是有的时候CSS满足不了我们需要的动画必须要通过JS来解决，那只有利用钩子函数了

这样在过渡动画里面里面可以利用before-enter, enter, after-enter这3个钩子函数来实现
同理离开也一样,特别注意传递的是元素

beforeEnter(el){
 //他获取到的就是那个要执行动画的元素
console.log(el)
}