<transition-group> 组件还有一个特殊之处。不仅可以进入和离开动画,还可以改变定位。要使用这个新功能只需了解新增的 v-move 特性,它会在元素的改变定位的过程中应用。
<transition-group>
v-move
v-move 和 v-leave-active 结合使用,能够让列表的过渡更加平缓柔和:
v-leave-active
.v-move{ transition: all 0.8s ease; } .v-leave-active{ position: absolute; }