vue transition-group 问题

<transition-group>能够对列表项增长或删除时候加入过分动画，用法是使用<transition-group>代替外层标签,

能够写成这样<transition-group name="list" tag="ul">    name为加载过分css时的名称，tag为代替的标签名

接下来在css中加上进入前、离去后的css，和过渡css就能够实现过渡动画

.list-enter-active, .list-leave-active {

　　transition: all 1s;

}

.list-enter, .list-leave-to{

　　opacity: 0;

　　transform: translateY(30px);

}

须要格外注意的是在内层li中必须加上key属性，并且key属性不能为v-for循环中的index，能够为item.id  item.name之类，否则你的过渡css总会加载在最后一个列表项上！！