//引入库 <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"
这样就可以实现第一次加载也有动画的效果