方式一：css动画

过渡的类名 在进入/离开的过渡中，会有 6 个 class 切换。 v-enter：定义进入过渡的开始状态。在元素被插入时生效，在下一个帧移除。 v-enter-active：定义过渡的状态。在元素整个过渡过程中作用，在元素被插入时生效，在 transition/animation  完成之后移除。这个类可以被用来定义过渡的过程时间，延迟和曲线函数。 v-enter-to: 2.1.8版及以上 定义进入过渡的结束状态。在元素被插入一帧后生效 (于此同时 v-enter  被删除)，在 transition/animation  完成之后移除。 v-leave: 定义离开过渡的开始状态。在离开过渡被触发时生效，在下一个帧移除。 v-leave-active：定义过渡的状态。在元素整个过渡过程中作用，在离开过渡被触发后立即生效，在 transition/animation  完成之后移除。这个类可以被用来定义过渡的过程时间，延迟和曲线函数。 v-leave-to: 2.1.8版及以上 定义离开过渡的结束状态。在离开过渡被触发一帧后生效 (于此同时 v-leave  被删除)，在 transition/animation  完成之后移除。

  
      
      
          
    
    
     过渡    
         
           
      
这个东西多少钱？how much？
    
         
    
    复制代码

方式二：使用animate.css动画库

      
      
    
    
     过渡    
         
         
         
           
      
这个东西多少钱？how much？
    
       
    
    复制代码

方式三、使用Js钩子函数

  
    
    
     过渡    
           
      
这个东西多少钱？how much？
    
       
    
      复制代码

方式四、使用velocity js动画库

  
    
    
     过渡    
           
      
这个东西多少钱？how much？
    
       
    
    
        复制代码