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