1. 在vue使用animate.css庫(kù)
安裝：npm install animate.css --save
引用：import animate from 'animate.css'
vue中使用動(dòng)畫(huà)必須要使用到?<transition>標(biāo)簽，將需要?jiǎng)赢?huà)特效的標(biāo)簽用transition包裹著
栗子：
在圖a中憎妙，animated必須要膏潮，然后再加上你想要的動(dòng)畫(huà)類(lèi)名；
appear ,appear-active-class屬性是讓動(dòng)畫(huà)在頁(yè)面初始化或刷新的時(shí)候就出現(xiàn)
2.不引用aniamte庫(kù)時(shí)馒闷，過(guò)渡動(dòng)畫(huà)該怎么寫(xiě)架馋？
在進(jìn)入/離開(kāi)的過(guò)渡中帅刊，會(huì)有 6 個(gè) class 切換。傳送門(mén)：官網(wǎng)查看
其中 v 是可以根據(jù)transition標(biāo)簽的 name 屬性值而變陈症，例如<transition name="fade">,樣式名對(duì)應(yīng)則是 fade-enter,fade-enter-active......
enter-class蔼水，enter-active-class，enter-to-class?(2.1.8+)爬凑，leave-class徙缴，leave-active-class，leave-to-class?(2.1.8+)
3.及引用animate庫(kù)又使用自定義動(dòng)畫(huà)
當(dāng)應(yīng)用了animate庫(kù)時(shí)嘁信，又想自定義動(dòng)畫(huà)時(shí)于样，這時(shí)候可以如下圖b所示enter-active-class,leave-active-class屬性里添加自己的class類(lèi)名，
然后去css定義自己的動(dòng)畫(huà)潘靖，時(shí)間上如果有沖突穿剖，則可用圖b所示的解決方法?
:duration="{enter:時(shí)間，leave:時(shí)間}"或者 :duration="時(shí)間"
4.多個(gè)元素過(guò)度
有相同標(biāo)簽名的元素切換時(shí)卦溢，需要通過(guò)?key?特性設(shè)置唯一的值來(lái)標(biāo)記以讓 Vue 區(qū)分它們糊余，在v-if/v-else 后面添加一個(gè) key="your-keyname"
