一、实现动画过渡效果的几种方式
实现动画必须要将要进行动画的元素利用<transition>标签进行包裹
1、利用CSS样式实现过渡效果
<transition name="fade"></transition>
v-enter
: 定义进入过渡的开始状态。在元素被插入时生效,在下一个帧移除。v-enter-active
: 定义进入过渡的结束状态。在元素被插入时生效,在transition/animation
完成之后移除。v-leave
: 定义离开过渡的开始状态。在离开过渡被触发时生效,在下一个帧移除。v-leave-active
: 定义离开过渡的结束状态。在离开过渡被触发时生效,在transition/animation
完成之后