先留一个坑,本篇主要讲述vue中过渡的一些细节和坑
记录的内容有一下几点:
- vue中普通的过渡效果仅仅是改变了动画的出现形式,确切的说是动画的enter和active,但不改变动画的出现结果(因为avtive和enter会在动画的最后一帧移除,所以并不会对结果产生影响,这句话很关键,需要细细品读)
- 此处暂不讨论利用animation动画,animation动画的animation-fill-mode:forwards属性可以控制将动画执行完毕时,保持结束状态(transiton动画并无此功能)
- 此处暂不讨论利用javascript钩子完成的动画,钩子当然是能改变出现的开始,过程和结果(设置dom)。
- 记录过渡钩子的一些坑,比如过渡钩子与过渡类名之间的配合使用
- 以上是简单记录,未来的某一天会此文补全。
- 本文完全原创,如果有错误,或是理解不深刻的地方欢迎大家指出
网友评论