javascript - computed - vue js meta tags

vue.js auto recargar/actualizar datos con temporizador

Question

(Nuevo para Vue.js) Obtengo datos de una solicitud de obtención para mostrar información del calendario. Quiero que esto se actualice cada 5 minutos.

No hay nada en los documentos sobre la recarga automática: ¿cómo podría implementar esto? ¿Utilizo javascript estándar dentro del archivo o algo más?

Mi completa app.js a continuación:

Vue.component(''events'', {
template: ''#events-template'',
data: function() {
return {
list: []
}
},
created: function() {
this.fetchEventsList();
},
methods: {
fetchEventsList: function() {
this.$http.get(''events'', function(events) {
this.list = events;
}).bind(this);
}
}
});
new Vue({
el: ''body'',
});

Answer 1

No es necesario reinventar la rueda, window.setInterval() hace el trabajo bastante bien:

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)
}