<transition tag="my">测试css动画</transition>
//css文件中
.my-enter .my-leave-to{
}
.my-enter-active{
}
.my-enter-to .my-leave{
}
.my-leave-active{
}
<transition-group tag="ol" enter-active-class=" animateed tada"
leave-active-class="animated bounceOutRight" >
<li v-for="todo in date" :key="todo.id">{{todo.title}}
<button type="text" @click="remove(todo)">移除动画</button>
</li>
</transition-group>
//在对列表进行渲染时，需要加上key值，便于Vue识别每个li
//为了少写animated类，可以在li标签上绑定好对应的类名
