文章目录
- 1. vue-countTo
- 2. 使用
- 2.1 安装
- 2.2 页面使用
- 3. 参数
- 4. 方法
1. vue-countTo
这是一个 vue 组件,它会在指定的时间内计数到目标数字
vue-countTo 是一个无依赖的轻量级 vue 组件,可以自行覆盖 easingFn,可以设置 startVal 和 endVal,自动判断加减计数,支持 vue-ssr,借鉴 countUp.js;
演示demo效果
2. 使用
2.1 安装
npm install vue-count-to
2.2 页面使用
<template>
<countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo>
</template>
<script>
import countTo from 'vue-count-to';
export default {
components: { countTo },
data () {
return {
startVal: 0,
endVal: 2017
}
}
}
</script>