使用vue实现列表动画

在实现列表的过渡的时候，如果需要过度的元素，通过v-for渲染出来的，不能使用transition包裹，需要使用transition-group
如果要为v-for循环创建的元素设置动画，必须为每一个元素设置：key属性
transition-gruop的属性
的appear可以实现列表的入场效果
用户在删除列表时使用，将li宽度设置为100%能提升美感
使用tag属性可以指定transition-gruop渲染为指定的元素，不指定的话会默认的渲染为span元素
/使用.v-move和.v-leave-active 配合使用，能够实现列表的后续的元素，渐渐地飘上来的效果/
.v-move{
transition: all 0.6s ease;
}
.v-leave-active{
position: absolute;
}
实例