У меня есть представление Vue.js в шаблоне Django. Vue извлекает данные для отображения в представлении из конечной точки Django Rest Framework. Мой код следующий:
const app = new Vue({
el: '#app',
delimiters: ["[%", "%]"],
data: {
dedicated_server: [],
},
created() {
fetch('/api/dedicated-server/{{ object.id }}/')
.then(response => response.json())
.then(json => {
this.dedicated_server = json;
})
},
updated() {
/* TODO: Try and limit the number of requests to the API */
fetch('/api/dedicated-server/{{ object.id }}/')
.then(response => response.json())
.then(json => {
this.dedicated_server = json
})
},
});
Как видите, у меня есть обновленный метод, который опрашивает конечную точку Restful для обновления страницы при изменении данных. Все это работает нормально, но, похоже, он опрашивает конечную точку Restful API примерно 3-5 раз в секунду. Это нормально в разработке, но если у меня будет 100 человек, посещающих эту страницу, то это убьет мой сервер запросами.
Есть ли способ ограничить количество раз, когда Vue.js проверяет, были ли обновлены данные? Было бы здорово, если бы вы могли сказать «проверять каждые 5 секунд».



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)

