javascript - page - vue router title
vue.js автоматически перезагружает/обновляет данные таймером (1)
(New to Vue.js) Я извлекаю данные из запроса получения для отображения информации календаря. Я хочу, чтобы это обновление каждые 5 минут.
Ничего в документах об автоматической перезагрузке - как я могу это реализовать? Я использую стандартный javascript внутри файла или что-то еще?
Мой полный app.js ниже:
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',
}); Нет необходимости повторно изобретать колесо, 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)
}