countup.js数字滚动插件这是一款好用的数字滚动插件，简化了你的代码，方便项目的便捷开发，开箱即用安装在使用的

这是一款好用的数字滚动插件，简化了你的代码，方便项目的便捷开发，开箱即用

安装

npm install --save countup.js

在使用的组件

import { CountUp } from 'countup.js'

// 标签
<div class="card-panel-num" id="messageNum">{{ state.chatNum }}</div>

// 创建响应式对象
const state = reactive({
  chatNum: 1390,
  onlineNum: computed(() => {
    return useSocketStore().onlineNum
  }),
  amount: 99998,
  order: 1999,
})

//在组件渲染完成后加载
onMounted(() => {
  new CountUp('messageNum', state.chatNum).start(),
    new CountUp('onlineNum', state.onlineNum).start(),
    new CountUp('amount', state.amount).start(),
    new CountUp('order', state.order).start()
})