1. 前提工作
@ 首先要在官網(wǎng)下載animate.css 的文件：鏈接地址(https://daneden.github.io/animate.css)
@ 然后將該文件通過link方式引入到html或者vue頁面

2. 自定義過渡類名
enter-class
enter-active-class
enter-to-class
leave-class
leave-active-class
leave-to-class

3. 具體實現(xiàn)
# 要在transition標簽中自定義過渡類名
# 新定義的類名要包含 animated 動畫名

<transition
    enter-active-class = "animated swing"   //自定義過渡類名,且新定義的類名要包含 【animated 動畫名】，這里動畫名是【swing】
    leave-active-class = "animated shake"   //自定義過渡類名,且新定義的類名要包含 【animated 動畫名】，這里動畫名是【shake】
>
    <div  v-if="show">hello world</div>
</transition>
<button @click="handleClick">切換</button>

點擊切換按鈕的效果圖如下：

GIF.gif