vue裡面使用Velocity.js

標籤：http   支援   tar   ie8   svg   blog   and   包含   logs   

英文文檔：http://velocityjs.org/

中文手冊（教程）：http://www.mrfront.com/docs/velocity.js/ 

velocity.js 是一個簡單易用、高效能、功能豐富的輕量級JS動畫庫。它能和 jQuery 完美協作，並和$.animate()有相同的 API， 但它不依賴 jQuery，可單獨使用。 Velocity 不僅包含了 $.animate() 的全部功能， 還擁有：顏色動畫、轉換動畫(transforms)、迴圈、 緩動、SVG 動畫、和 滾動動畫 等特色功能。

它比 $.animate() 更快更流暢，效能甚至高於 CSS3 animation， 是 jQuery 和 CSS3 transition 的最佳組合，它支援所有現代瀏覽器，最低可相容到 IE8 和 Android 2.3。

Velocity 目前已被數以千計的公司使用在自己的項目中，包括 WhatsApp, Tumblr, Windows, Samsung, Uber 等，這裡Libscore.com 統計了哪些網站正使用 velocity.js。

 

Vue中如何使用：

安裝  npm install velocity-animate --save-dev

頁面引入： import  Velocity from ‘velocity-animate‘

使用：

1 Velocity($(‘.myDrag‘), {width: drSwidth, height: drSheight, left: drSleft, top: drStop}, 500)2  Velocity($(‘.myIframe‘), {width: drCw, height: drCh}, 500)

 

vue裡面使用Velocity.js