如何用Vue3实现长尾词数字滚动特效的实例详解？

本文共计1987个文字，预计阅读时间需要8分钟。

目录+前言+思路+文件目录+使用示例+入口文件index.js+main.js使用+requestAnimationFrame.js思路+完整代码：CountTo.vue组件思路+总结+前言+vue3不支持vue-count-to插件，无法使用vue-count-to实现数字动画效果

目录

• 前言
• 思路
• 文件目录
• 使用示例
• 入口文件index.js
• main.js使用
• requestAnimationFrame.js思路
• 完整代码：
• CountTo.vue组件思路
• 总结

前言

vue3不支持vue-count-to插件，无法使用vue-count-to实现数字动效，数字自动分割，vue-count-to主要针对vue2使用，vue3按照会报错： TypeError: Cannot read properties of undefined (reading '_c') 的错误信息。