vue轮询接口实现

最新推荐文章于 2024-12-06 16:12:12 发布

原创

最新推荐文章于 2024-12-06 16:12:12 发布 · 置顶 · 3.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #接口 #webservice #node.js

本文介绍了如何在Vue.js应用中实现接口轮询。通过在`mounted`生命周期钩子中设置定时器，每10分钟调用一次`saveData`函数来获取接口数据。同时，为了避免定时器的叠加，使用了`setTimeout`进行处理。虽然未展示如何在组件销毁时清除定时器，但提到了可以使用`beforeDestroy`钩子进行清理。

mounted() {
//轮询接口
// let that = this
// const timers = window.setInterval(() => {
// setTimeout(res =>{
// that.saveData(‘1’)
// },0)//利用定时器清除setInterval的每次叠加
// }, 600000);//10分钟执行一次
// //使用 $o n c e 在离开当前路由时$