transition 只能满足单个节点的过渡效果,在多个节点的渲染上显得力不从心
为了更好适用于更多的场景,vue 提供 <transition-ground>来多个元素的过渡
首先创建了一个简单的应用,通过button 来实现动态的加减,使用了啊你,实际效果可运行一下代码
<body>
<div id="app">
<button @click="add">add</button>
<button @click="move">remove</button>
<transition-group
name="list"
enter-active-class="animated bounceInDown"
leave-active-class="animated bounceOut"
>
<li v-for="item in num" :key="item">{
{item}}</li>
&l