vue2更新 transition

 
 

  
  1.<transition name="fade">
 
 
 
 
    
  
  <p v-if="show">hello
  
  </p>
 
 
  </transition>

  
  

   
   .fade-enter-active, 
   
   .fade-leave-active {
  
  
  
  
  
   
   transition: opacity .
   
   5s
  
  
  
  

   
   }
  
  
  
  

   
   .fade-enter, 
   
   .fade-leave-to 
   
   /* .fade-leave-active in <2.1.8 */ {
  
  
  
  
  
   
   opacity: 
   
   0
  
  
  
  

   
   }
  
  
  
  


  
  
  
  

   
   用 transition标签包含要显示的元素， 设置
   
   .fade-enter-active
   
   , 
   
   .fade-leave-active是动画刚开始的初始状态，最后会变为p标签本身的样式。