lcx-count-up

它是一个vue组件，更有趣的方式显示数值数据的动画。

lcx-count-up 是一个无依赖，轻量级的vue组件。你可以设置start、end、duration等参数实现各种效果。它是从countUp.js学到的。

如何使用？

npm install lcx-count-up

vue组件内使用

// 引入LcxCountUp
import LcxCountUp from 'lcx-count-up'
// 声明组件
components: {
  LcxCountUp
}
// 然后就可以在组件中使用
<lcx-count-up :start="9" :end="99999" :duration='30' :options:'options'/>

options 参数

属性	类型	描述	默认
start	number	从某个数值开始	0
endVal	number	想要达到数值	2019
duration	number	持续时间以秒为单位	2.5
separator	boolean	分隔符	true
decimals	number	要显示的小数位数	0
prefix	string	前缀	none
suffix	string	后缀	none
useEasing	布尔	使用缓和功能	true
numerals	string[]	替换名称	0 - 9