Javascript Vue js:计数器在我的代码中工作不正常

在我下面的vue js代码中，我想创建一个动画数字，在页面挂载时从0计数到任意数字，但下面的代码不起作用。然而，它在html、js和css项目中工作完美，但在vue js中它没有显示任何结果。有人帮助吗

提前谢谢

从“jquery”导入$
导出默认值{
安装：
$（'.counter'）。每个（函数（）{
变量$this=$（this），
countTo=$this.attr（'data-count'）；
$（{countNum:$this.text（）}）({
countNum:countTo
},
{
持续时间：8000，
放松：'线性'，
步骤：函数（）{
$this.text（Math.floor（this.countNum））；
},
完成：函数（）{
$this.text（this.countNum）；
}
});  
})
}

0
响应时间
0
安全
0
优质会员

而不是

mounted: $('.counter').each(/* whatever */)

---

您安装它的方式不是一个函数（应该是），而是.each（）的返回值，这就是问题所在。使用Vue这样的反应式框架的关键是不要使用jquery这样的命令式库，但我想这只是为了尝试一下。

请您指出您遇到的错误。谢谢$.counter中的（'.counter'）

mounted: $('.counter').each(/* whatever */)