Nuxt 2 实现平滑数字滚动动画 - 使用 vue-countup-v2

你可以使用名为'vue-countup-v2'的库来实现数字平滑滚动效果，以下是使用步骤：

1. 安装 vue-countup-v2 库：

npm install vue-countup-v2 --save

2. 在 nuxt.config.js 文件中添加 vue-countup-v2 作为插件：

plugins: [
  { src: '~/plugins/vue-countup-v2.js' }
]

3. 在 plugins 文件夹中创建 vue-countup-v2.js 文件，并在其中添加以下代码：

import Vue from 'vue'
import VueCountUp from 'vue-countup-v2'
Vue.component('VueCountUp', VueCountUp)

4. 在需要添加数字滚动效果的组件中使用 VueCountUp 组件，例如：

<template>
  <div>
    <VueCountUp :startVal='0' :endVal='1000' :duration='3' :options='{useEasing: true, useGrouping: true}' />
  </div>
</template>
<script>
export default {
components: {
VueCountUp
}
}
</script>

其中，startVal 为数字开始值，endVal 为数字结束值，duration 为动画持续时间，options 为可选配置项，如是否使用 easing 效果以及是否使用分组形式显示数字。