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 |