vue写特效的方法

vue 写特效是用的vue 结合 velocity.js 实现过渡transition 的javascript钩子

网址介绍：https://blog.csdn.net/maindek/article/details/81874281

velocity简介：

Velocity 是一个简单易用、高性能、功能丰富的轻量级JS动画库。它能和 jQuery 完美协作，并和.animate()有相同的API，但它不依赖jQuery，可单独使用。Velocity不仅包含了.animate()有相同的API，但它不依赖jQuery，可单独使用。Velocity不仅包含了.animate() 的全部功能， 还拥有：颜色动画、转换动画(transforms)、循环、 缓动、SVG 动画、和 滚动动画 等特色功能。

它比 $.animate() 更快更流畅，性能甚至高于 CSS3 animation， 是 jQuery 和 CSS3 transition 的最佳组合，它支持所有现代浏览器，最低可兼容到 IE8 和 Android 2.3。
 

安装

1、抱歉的是我在使用npm安装一直没有下载成功：npm install velocity-animate –save-dev

 

2、页面引入：import Velocity from ‘velocity-animate’

 

3、所以我还是觉的直接下载下来比较舒服，下载velocity 
将下载好的velocity放进 assets文件文件夹下 
引入：import Velocity from ‘../../assets/velocity’

 

4、后边官网中写的很到位 看这里