Vue.js 在数据对象上运行函数

基本上，当我加载我的主页时，vue.js请求一个api，该api返回一个json响应，如下所示

[
  {
    "time": 321
  },
  {
    "time": 2712
  }
]

加载完请求后，我将数组中的时间分配给vue.js文件中数据对象中的timers对象

这就是它变得棘手的地方。因此，基本上，当上述内容加载到vue中时，我需要使用setInterval（）每秒递增一次。更糟糕的是，我需要对每个函数进行另一次回调，以便暂停计时器，并向服务器发送另一个请求（暂停计时器服务器端）。

---

有什么想法吗？

我最后创建了一个新的计时器，在加载文档时开始计时。在响应中，我还添加了一个计数属性（布尔值）

newvue({
el:“身体”，
数据：{
计时器：[
{
时间：222，
计数：对
},
{
时间:4123，
计数：对
}
],
测试：2
},
方法：{
pauseTimer：功能（计时器）{
timer.counting=！timer.counting；
}
},
就绪：函数（）{
var=这个；
var timer=setInterval（函数（）{
$.each（即.$data.timers、函数（索引、值）{
if（值计数）
value.time++；
});
}, 1000);
}
});


{{time}-

{{$data | json 2}