Vue CountUp v2 参数详解 - 动画计数器组件使用指南

Vue CountUp v2 参数详解 - 动画计数器组件使用指南

Vue CountUp v2 是一个强大的 Vue 组件，用于实现数字动画效果。它提供了丰富的参数，可以自定义计数器的各种行为和外观。以下是所有参数的详细说明：

1. startVal: 计数器的起始值，默认为 0。
2. endVal: 计数器的结束值，必须设置。
3. duration: 计数器动画的持续时间（以毫秒为单位），默认为 2 秒。
4. separator: 计数器数字之间的分隔符，默认为逗号。
5. decimal: 小数点后的位数，默认为 0。
6. prefix: 数字前缀，默认为空。
7. suffix: 数字后缀，默认为空。
8. useEasing: 是否使用缓动效果，默认为 true。
9. easingFn: 缓动函数，默认为 easeOutExpo。
10. formattingFn: 格式化函数，可以自定义格式化数字的方式。
11. redraw: 是否在 update() 方法被调用时重新绘制计数器，默认为 false。
12. autoStart: 是否自动开始计数器，默认为 true。
13. onStart: 计数器开始时的回调函数。
14. onComplete: 计数器完成时的回调函数。
15. onUpdate: 计数器更新时的回调函数，会在每次数字变化时被调用。

通过灵活运用这些参数，你可以轻松实现各种各样的数字动画效果，为你的 Vue 应用增添动感和吸引力。