如果vue js中的后端api数据值更改，如何自动更新前端？

Question

我正在通过api链接使用vue js框架使用axios解析json数据。有一个字段值：20分钟后为10，可以更新。则值将为11。如何在好友中更新此值。有什么建议吗？

getFollowers() {
      return new Promise((resolve, reject) => {
        axios.get('https://api.github.com/users/octocat')
          .then(response => resolve(response))
          .catch(err => reject(error))
      });
 }

我正在追踪这个网址：https : //jsfiddle.net/jonataswalker/416oz6ga/

我希望这样，如果关注者的价值发生变化，那么我的前端价值就会自动发生变化。

Answer 1

因此，您有两种方法可以执行此操作。

一种是使用websocket，这是从客户端到服务器的双向连接。这需要在服务器上进行特定的配置，并且您必须更新客户端代码以处理数据推送。 最近发布的Medium帖子可能是您入门的好方法。

另一种方法是在客户端上使用轮询。使用计时器，使其每隔N秒向API发出一次请求，并使用响应进行更新。

关于两者的优缺点，已经有很好的分类。