使用Vue CountTo插件，将vue3 项目里将 数字从 0 到指定数字，保留动态效果

        结合网上诸位大佬的教程根据自己项目总结了这篇文章，简单实现将 数字0 --> 5000(例如变到100)。

        1. vue3 项目里使用 npm 下载 vue3-count-to

                npm install vue3-count-to --save

        2. 在项目main.ts 或者 main.js 里引入文件

                import countTo from 'vue3-count-to'

                createApp(App).use(countTo)

                或者

                import countTo from 'vue3-count-to'

                const app = createApp(App) 

                app.use(countTo)

        3.组件里去使用

                <div class="text-1rem font-bold color-#ffffff">

                          <CountTo :start-val="0" :end-val="5000" separator="" :duration="2000" />

                </div>

        这里解释一下，start-val 是 开始的数为几，end-val 是最后变为数字几，separator 为空是将变动时5,000中的逗号去掉，效果为5000，duration 这个是动画执行时间。

        最后发了视频的截图，也就是最后的效果图，有需要的可以去试试。