Vue的动画并没有非常炫酷的效果，不过也是有一些实用性的，在项目中有的地方使用，也是能够营造出不同的效果

下面为大家列举个简单实现动画的例子

    
    

    

    

    


    

        

            
                ID:
                
            
            
                Name:
                
            

            
        



       

           

           
           
               

                   {{ item.id }} --- {{ item.name }}
               
           
       
    


    

重点！重点！重点！

          
          
           
               

                   {{ item.id }} --- {{ item.name }}
               
           

这样就OK了~~

温馨提示，笔者用这个也是踩了很多坑，下面是我遇到坑的解决办法。

列表项移除过渡动画作用在最后一个元素的bug

绑定key键值的地方一定不能是下标！只要是一个不重复的数据绑定就可以，比如ID之类的。