列表过渡

通过v-for循环多个元素，并且通过transition-group组件来给多个元素同时添加过渡效果

列表的进入和离开过渡

过渡样式

代码结构

效果图

列表的排序过渡

加入v-move，平滑过渡

 .fade-move {
            transition: transform 1s;
        }

列表的排序过渡2

Vue使用了FLIP简单动画队列来实现排序过渡，所以即使没有插入或者移除元素，对于元素顺序的变化也支持过渡动画。FLIP动画能提高动画的流畅度，可以解决动画的卡顿、闪烁等不流畅的现象，它不仅可以实现单列过渡，也可以实现多维网格的过渡。