專案中我們經常需要實現輪詢-每隔幾秒請求一次介面重新整理資料
一般都會使用setinterval，但要注意單純使用它會導致頁面卡死，所以一定要清除定時器
setinterval不會清除定時器佇列，每重複執行1次都會導致定時器疊加，最終卡死你的網頁。
但是settimeout是自帶清除定時器的
mounted (
)).then(res =
>})
}, 0)
}, 2000)
// 清除定時器
this.$once
('hook:beforedestroy', ()=
>
)}
// polling-utils.js
/** * @descripting 輪詢功能
* @param
type 請求型別
* @param url 位址
* @param data 請求資料
* @param delay 輪詢間隔時間
*/export default function polling(type, url, data, delay = 1000)
, delay)
}else})
})}
import polling from 'utils/polling-utils'
;polling(
'post', url, data).then(res =
>
)
04 Vue 專案準備《餓了嗎》
商品頁spa 單頁面開發 快 區域性重新整理 減少請求大小 體驗有明顯變化 實現原理 在頁面中，如果只是錨點發生變化時，是不會有任何的請求操作的，只是在當前頁面找對應的錨點位置 另外錨點值發生變化時是可以監聽到的，所以可以利用js當錨點值的改變時，向伺服器發起資料請求，獲取到資料之後，只需要區域性重...
04vue 模板語法 指令
指令 directives 是帶有v 字首的特殊屬性。即 vue給html元素增加了一些自定義屬性，這些自定義是屬性是以 v 開頭的屬性 v text 更新元素的 textcontent。如果要更新部分的 textcontent 需要使用 插值。v html 更新元素的 innerhtml v sh...
04 Vue入門系列之Vue事件處理
vue提供了協助我們為標籤繫結時間的方法，當然我們可以直接用dom原生的方式去繫結事件。vue提供的指令進行繫結也是非常方便，而且能讓viewmodel更簡潔，邏輯更徹底。所以還是推薦大家使用的。vue提供了v on指令幫助我們進行事件的繫結。基本的內聯事件處理方法 官方demo 增加 1 這個按鈕...