vue.js auto reload / refresh data with timer vue.js auto reload / refresh data with timer javascript javascript

vue.js auto reload / refresh data with timer


No need to re-invent the wheel, window.setInterval() does the job pretty well

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