AnimateNumber

AnimateNumber 使用 Motion 创建漂亮的数字动画。

<AnimateNumber :value="count"/>

您可以创建许多流行的动画效果，例如倒计时、参与度条或用户输入标签。

它是 Max Barvian 最初版本的延续NumberFlow组件，它基于 Motion 构建。

因为 AnimateNumber 利用了 Motion 现有的布局动画，所以对于 Vue 来说，它仅在 Motion 之上增加了 3.6kb。 这也意味着您可以使用 Motion 现有的过渡设置.

但是，由于基于旧版本的 NumberFlow，它目前缺少一些较新的属性，例如 trend 和 plugins。

在本指南中，我们将学习如何将 AnimateNumber 安装到我们的项目中，以及如何将其用于各种数字动画效果。