JavaScript过渡实现动画转场效果

JavaScript如何使用JavaScript转场实现动画转场效果，下面web建站小编给大家简单介绍一下！

定义过渡样式​

v-enter：过渡开始时的状态；
v-enter-active：过渡过程中的状态；
v-enter-to：过渡结束时的状态；
v-leave：过渡开始时的状态；
v-leave-active：过渡过程中的状态；
v-leave-to：过渡结束时的状态。

绑定过渡事件

before-enter：在过渡开始前触发；
enter：在过渡开始时触发；
after-enter：在过渡结束时触发；
enter-cancelled：在过渡被取消后触发；
before-leave：在过渡开始前触发；
leave：在过渡开始时触发；
after-leave：在过渡结束时触发；
leave-cancelled：在过渡被取消后触发。

控制过渡状态

opacity：控制透明度；
height：控制高度；
width：控制宽度；
transform：控制变换。