vue 结合 velocity.js 实现过渡transition 的javascript钩子

velocity简介:

Velocity 是一个简单易用、高性能、功能丰富的轻量级JS动画库。它能和 jQuery 完美协作,并和 .animate()APIjQuery使Velocity . a n i m a t e ( ) 有 相 同 的 A P I , 但 它 不 依 赖 j Q u e r y , 可 单 独 使 用 。 V e l o c i t y 不 仅 包 含 了 .animate() 的全部功能, 还拥有:颜色动画、转换动画(transforms)、循环、 缓动、SVG 动画、和 滚动动画 等特色功能。

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

安装

抱歉的是我在使用npm安装一直没有下载成功

npm install velocity-animate –save-dev

页面引入:

import Velocity from ‘velocity-animate’

所以我还是觉的直接下载下来比较舒服,下载velocity
将下载好的velocity放进 assets文件文件夹下
引入:

import Velocity from ‘../../assets/velocity’

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值