在transition 增加一个属性name,来实现重命名过渡类,如:
<transition name="new">
<h3 v-show="flag">实现动画效果,从右边进入,从右边消失</h3>
</transition>
则过渡类如下:
.new-enter,
.new-leave-to {
opacity: 0;
transform: translateX(150px);
}
.new-enter-active,
.new-leave-active{
transition: all 0.8s ease;
}