transition-group实现列表的动画

效果图

![在这里插入图片描述](https://img-blog.csdnimg.cn/20190812175810581.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d1bGlhbmxhbmc2MTYy,size_16,color_FFFFFF,t_70

案例代码：

transform: translateY(80px)
}
.v-enter-active,v-leave-active{
transition: all 0.6s ease;
}
li:hover{
background-color: bisque

       }
   </style>

id:

            </label>
            <label>
                    name:
                    <input type="text" v-model="name">