VueToCounter 是什么？

VueToCounter 是一个基于 Vue 3 用于展示数值变化的组件，它可以在数值变化时增加动画效果。

只是想尝试一下？跳到快速开始。

使用场景

• 站点首屏

  本文档的首页标题（0V V 0u u 0e e 0  0T T 0o o 0  0C C 0o o 0u u 0n n 0t t 0e e 0r r ）就是一个例子。它可以为你的站点增加一些动态效果，使其看起来更加生动。

• 数据展示

  VueToCounter 很适合用来展示实时数据，统计数据等。比如，你可以使用它来展示:

  • 今天已有 0110000,,000000000人 访问了你的网站。 ->
  • 距离下个月还有 011066日000088小时055044分钟000011秒 ->

  TIP

  VueToCounter 还通过 Intl 支持国际化。你可以在右上角切换语言来查看效果。

性能

VueToCounter 在内部使用 Web Animation API 来实现动画效果，因此它的性能表现非常好。

实际上我们使用的是 Motion，它在内部使用 Web Animation API。