在vue中使用定时器setTimeout、setInterval的心得

最近在做一个数据可视化的项目，其中就不得不考虑数据项定时刷新功能了。
所以就在我们的vue项目中使用了定时器。

1、在vue中，有两套定时器，一套是浏览器API，window对象上的；另一套就是vue/nodejs封装的，需要引入

import { setInterval, clearInterval } from 'timers'

建议使用window对象自带的，因为不容易错。
如果一不小心只引入一个，就怎么也清不掉了。

import { setInterval } from 'timers' // 错误

2、即使是使用了箭头函数，你也会发现定时器内部的this还是指向windows。
则是因为我们写的setInterval其实是window.setInterval的简写。
建议定时器内部的代码封装成函数放到methood中去。

3、一定要在beforeDestroy中清除定时器。

搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]‍，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：在vue中使用定时器setTimeout、setInterval的心得