Nuxt 2 数字滚动动画实现：使用 Vue-CountUp-V2 插件

可以使用 Vue-CountUp-V2 插件来实现数字滚动效果。具体步骤如下：

1. 安装插件

npm install vue-countup-v2

2. 在 nuxt.config.js 中添加插件

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

3. 创建 vue-countup-v2.js 文件，引入插件

import Vue from 'vue'
import VueCountUp from 'vue-countup-v2'

Vue.component('vue-countup', VueCountUp)

4. 在组件中使用 vue-countup

<template>
  <div>
    <vue-countup :end='count' :duration='2' :separator='',' :decimal='.' :prefix='$' :decimals='2'/>
  </div>
</template>

<script>
export default {
  data() {
    return {
      count: 1000.50
    }
  }
}
</script>

以上代码中，:end 属性表示数字滚动的结束值，:duration 属性表示滚动持续时间，:separator 属性表示数字千位分隔符，:decimal 属性表示小数点分隔符，:prefix 属性表示数字前缀，:decimals 属性表示保留的小数位数。

这样，当页面加载时，数字会平滑地滚动到指定的结束值。