12.vue动画

1.不使用动画的情况:


  
  
  
  Document
  
  
  



  

添加品牌

Id Name Ctime Operation
{{item.id}} {{item.name}} {{item.ctime}} 删除

2.使用vue动画

transition.png
  • 使用过渡类名实现动画

  
  
  
  Document
  
  
  



  

这是一个H3

  • 自定义v-前缀:

  
  
  
  Document
  
  
  



  

这是一个H3


这是一个H6
  • 使用第三方类实现动画:

  
  
  
  Document
  
  
  



  

这是一个H3

3.例子:模拟购物车半场动画:


  
  
  
  Document
  
  



  

你可能感兴趣的:(12.vue动画)