自定义过渡的类名

他们的优先级高于普通的类名，这对于 Vue 的过渡系统和其他第三方 CSS 动画库，如 Animate.css 结合使用十分有用。

<div id="app">
  <button @click="flag=!flag">切换</button>
  <div>
    <transition  
    enter-active-class="animated rotateIn" 
    leave-active-class="animated bounceOutDown">    
      <img src="img/sun.jpg" height="260" v-show="flag" alt="" />
    </transition>
  </div>    
</div>

new Vue({
  el:"#app",
  data:{flag:true},
})

<link rel="stylesheet" href="css/animate.min.css" />