vue3+vite安装countup

要在 Vue3 + Vite 中使用 CountUp，可以按照以下步骤进行：

1. 安装 CountUp

npm install countup.js@2.0.7

2. 在组件中引入 CountUp

import CountUp from 'countup.js';

3. 在组件的 `mounted` 钩子中使用 CountUp

mounted() {
  const options = {
    duration: 2.5,
    separator: ','
  };
  const countUp = new CountUp('myElement', 1000, options);
  if (!countUp.error) {
    countUp.start();
  } else {
    console.error(countUp.error);
  }
}

在上面的代码中，我们创建了一个 `CountUp` 实例，并在 `mounted` 钩子中启动了它。`CountUp` 构造函数接受三个参数：元素的 ID、目标值和选项。在选项中，我们指定了计数的持续时间和分隔符。

4. 在模板中添加元素

最后，在模板中添加一个元素，用于显示计数：

<template>
  <div>
    <span id="myElement"></span>
  </div>
</template>

在上面的代码中，我们添加了一个 `span` 元素，并给它一个 `id`，以便在 `CountUp` 构造函数中使用。

这样就可以在 Vue3 + Vite 中使用 CountUp 了。