實(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屬性
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/1703788/timg_%281%29.jpeg', '推薦專題《Vue學(xué)習(xí)筆記》（ 分享自 @簡書 ）','http://www.itdecent.cn/c/b0a6ad1aada0?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁面編碼gb2312|utf-8默認(rèn)gb2312'));){kind=link}