//引入库
<link rel="stylesheet" type="text/css" href="animate.css">
(https://daneden.github.io/animate.css/)


//用法
//enter-active-class="animated   动画类名"     leave-active-class="animated    动画类名"   :duration 定义动画进入时长和离开时长
<transition name="fade" :duration="{enter:5000,leave:5000}"  enter-active-class="animated jello"  leave-active-class="animated shake"> <div v-if="show">hello</div> </transition>

  同时有动画和过渡效果

<transition></transition>里面加入自定义属性  appear(自定义)   appear-active-class="animated shake"

这样就可以实现第一次加载也有动画的效果

posted on 2018-09-19 15:19  chenlw101  阅读(294)  评论(0编辑  收藏  举报