vue 動畫

一、若是須要讓一個元素進行動畫展現的時候，那麼當前元素/組件必須是經過 v-if v-show 動態組件 來顯示隱藏

 

二、須要添加動態的元素外層必須包裹一個內置組件 <transition>

 

三、transition 會有一個name屬性 當前name屬性的值爲 動畫的類名

 

 

動態類名的劃分

<name>-enter

<name>-enter-active 過分 動畫的類型 時間 延遲

<name>-enter-to

 

<name>-leave

<name>-leave-active 過分 動畫的類型 時間 延遲

<name>-leave-to

 

 

四、若是須要多個元素一塊兒加動畫的時候須要將transition組件換成 transition-group

除此以外每一個元素身上必須有一個惟一的標識 key

 

 

五、transition當前內置組件能夠給動畫提早定義類名

 

 

<transition

enter-class=""

enter-active-class = ""

enter-to-class=""

></transition>