nuxt中使用vue-countup-v2

安装 vue-countup-v2：

npm install vue-countup-v2

在 nuxt.config.js 中引入 vue-countup-v2：

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

在 plugins 目录下创建 vue-countup-v2.js 文件，写入以下内容：

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

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

在需要使用计数器的组件中，使用 <vue-countup> 标签，设置 startVal、endVal 和 options：

<template>
  <div>
    <vue-countup :startVal="0" :endVal="100" :options="options" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: {
        useEasing: true,
        useGrouping: true,
        separator: ',',
        decimal: '.',
        prefix: '',
        suffix: '',
      },
    }
  },
}
</script>

这样就可以在页面中展示一个从 0 到 100 的计数器了。可以根据需要调整 options 中的参数来实现不同的效果。