1. 安装 Velocity js 依赖
yarn: yarn add velocity-animate (我用的这个 )
npm:npm install velocity-animate
bower:bower install velocity
2. 引入Vulocity js
我用的是局部引入的方式
import Velocity from "velocity-animate";
或者
<script src="https://cdnjs.cloudflare.com/ajax/libs/velocity/1.5.0/velocity.min.js"></script>
再或者:
你下载下来 以本地引入的形式 贴上velocity js的中文官方文档地址
3. 最后在methods中就可以用了
methods: {
toggle() {
this.isshow = !this.isshow;
},
beforeEnter(el) {
console.log(el);
},
enter(el, done) {
console.log(el);
Velocity(el, { opacity: 1, marginLeft: "500px" }, 3000);
done();
},
afterEnter(el) {
console.log(el);
},
},