Vue的 transition 配合 animate.css 做元素顯示/隱藏的動畫

1、在index.html中引入animate.css

2、使用 transition 標簽包裹需要顯示/隱藏的內容，通過 v-if 或者 v-show 來控制顯示/隱藏，vue官網關於它的介紹：https://cn.vuejs.org/v2/guide/transitions.html

3、重點：在css中

 

 

animation-name 就是 animate.css 中的動畫名稱，如下圖所示：

 

 animate.css官網：https://animate.style/