如何实现VUE中定时器驱动的实时数据刷新?

更新于
2026-10-01 00:25:03
1阅读来源:SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计916个文字,预计阅读时间需要4分钟。

如何实现VUE中定时器驱动的实时数据刷新?

说明:我只是一个刚入门的小前端,你们可以指导我,但千万不要喷我,虽然我知道我挺菜的!人嘛,都要成长的!大佬们,请多多指教!!!+ 我前段时间刚写了一个类似股票的项目

说明:我只是一个刚入门的小前端,你们可以指导我,但千万不要喷我,虽然我知道我很垃圾!人吗,都是要成长的!大佬,请多多指教!!!

我前段时间刚刚写了一个类似余股票的项目,上边的K线图是要实时去刷新的,所以要用vue做一个心跳,当然大家也可以选择用websocket,大佬们感觉肯定很简单,但是我只是一个刚入门的小前端,特此记录一下。

思路

其实思路很简单,首先要了解vue的生命周期和vue的内置函数,其思路就是先定义一个定时器,然后去定时请求后台,到最后关闭这个定时器,哈哈,是不是都是废话,但是确实如此,你们可以先去尝试一下。

阅读全文
标签:实现方法

本文共计916个文字,预计阅读时间需要4分钟。

如何实现VUE中定时器驱动的实时数据刷新?

说明:我只是一个刚入门的小前端,你们可以指导我,但千万不要喷我,虽然我知道我挺菜的!人嘛,都要成长的!大佬们,请多多指教!!!+ 我前段时间刚写了一个类似股票的项目

说明:我只是一个刚入门的小前端,你们可以指导我,但千万不要喷我,虽然我知道我很垃圾!人吗,都是要成长的!大佬,请多多指教!!!

我前段时间刚刚写了一个类似余股票的项目,上边的K线图是要实时去刷新的,所以要用vue做一个心跳,当然大家也可以选择用websocket,大佬们感觉肯定很简单,但是我只是一个刚入门的小前端,特此记录一下。

思路

其实思路很简单,首先要了解vue的生命周期和vue的内置函数,其思路就是先定义一个定时器,然后去定时请求后台,到最后关闭这个定时器,哈哈,是不是都是废话,但是确实如此,你们可以先去尝试一下。

阅读全文
标签:实现方法