vue 30秒重新整理一次介面

2021-10-04 20:46:12 字數 534 閱讀 2688

在vue.js專案中,經常需要對資料實時更新——每隔xx秒需要重新整理一次介面——即需要用到定時器相關原理

我們先看一看2種常用定時器:

setinterval(function(){}, milliseconds)——會不停的呼叫函式

settimeout(function(){}, milliseconds)——只執行函式一次

乍看之下,setinterval會符合我們的業務需求,然而也需要注意一些坑,單純的使用setinterval會導致頁面卡死!其原因與js引擎執行緒有關(有興趣的童鞋可自行研究相關資料),用通俗話說就是setinterval不會清除定時器佇列,每重複執行1次都會導致定時器疊加,最終卡死你的網頁。

但是settimeout是自帶清除定時器的,因此正確解決方法如下:

window.setinterval(() => , 30000)
注意:setinterval必須放在外層(在內層會導致頁面卡頓直到崩潰),內層配合settimeout,即可無限次呼叫我們的介面啦!

vue3 0學習第一天 vue3 0的亮點

performance 效能比vue2.x快1.2 2倍 tree shaking support 按需編譯,體積比vue20x更小 compostion api 組合api better typescript support 更好的ts支援 custom renderer api 暴露了自定義渲染...

Vue3 0 響應式系統(一)

vue3.0 對響應式系統模組進行重構,不再用object.defineproperty了,而是改用proxy。這樣做大體上有兩個好處,一是不用對陣列進行單獨處理了,去掉了vue.set 和 vue.delete介面,因為proxy可以對整個物件進行攔截操作。二是對原始物件資料變為響應式物件資料時不...

vue3 0建立乙個專案

使用vue3.0建立乙個專案 使用vue ui建立 管理專案 專案結構目錄整理 初始檔案新增 基本配置 跨域配置 環境配置 下面嘗試用test preview production分別表示測試 預覽 生產三種環境 修改package.json檔案如下 scripts 在專案根目錄下新建 env.te...