實(shí)現(xiàn)既有過渡效果又有動畫效果;
投稿
收錄了21篇文章 · 2人關(guān)注
實(shí)現(xiàn)既有過渡效果又有動畫效果;
通過Velocity.js使用一些簡單的語法實(shí)現(xiàn)動態(tài)效果
1、多個元素的過渡:使用key防止dom復(fù)用,使用mode指定哪個效果先展示;2、多個組件之間的過渡:使用動態(tài)組件;
使用transition-group進(jìn)行列表過渡;
1、插槽只能有一個;2、具名插槽可以有多個;
使用v-once指令提高靜態(tài)內(nèi)容展示效率,減少頻繁創(chuàng)建和銷毀dom的操作;
原理:CSS3中的transition屬性