vue.js使用计时器自动重新加载/刷新数据

Question

（Vue.js新手）我从get请求中获取数据以显示日历信息。我希望每5分钟更新一次。

关于自动重新加载的文档中没有任何内容 - 我将如何实现此功能？我是否在文件或其他内容中使用标准javascript？

我的完整app.js如下：

        MaxKeepAliveRequests 0
        KeepAliveTimeout 65

Answer 1

无需重新发明轮子，window.setInterval()做得很好：

data: function() {
    return {
        list: [],
        timer: ''
    }
},
created: function() {

    this.fetchEventsList();
    this.timer = setInterval(this.fetchEventsList, 300000)

},
methods: {

    fetchEventsList: function() {

        this.$http.get('events', function(events) {

            this.list = events;

        }).bind(this);

    },
    cancelAutoUpdate: function() { clearInterval(this.timer) }

},
beforeDestroy() {
  clearInterval(this.timer)
}