vue.js：在哪里放置定期重复的后台查询

Question

我想每 15 秒查询一次 API 服务，这样我就可以从数据库获取数据并检查某些内容是否发生更改。如果有变化，那么我的前端会根据 vue 的工作原理自动更新。

while (true) {
    setTimeout(function() { 
        QueryService.orders().then(response => 
            this.orders = response.data
        )
    }, 15000)
}

我的问题是：

1. 这是解决此类问题的好方法吗？
2. 代码中放置此类循环的最佳位置是什么？

编辑：

使用setInterval()似乎是正确的方法，但是setInterval在created()挂钩中使用轮询函数根本不会影响数据表。它显示“没有可用数据”：

data () {
    return {
        headers [
            { ... },
            { ... }
        ],
        orders: []
}

created () {
    setInterval(function() { 
        QueryService.orders().then(response => this.orders = response.data)
    }, 15000)
}

使用轮询功能无需setInterval工作，并像往常一样用数据填充我的数据表：

created () {
    QueryService.orders().then(response => this.orders = response.data)
}

Answer 1

像这样的循环将进入mounted ()生命周期挂钩内的组件脚本中。

这意味着一旦组件加载，您的循环就会触发。有关此技术的详细指导，Vue 文档以及本文是一个很好的第一站。