詳解關于Vue2.0路由開啟keep-alive時需要注意的地方
來源:懂視網
責編:小采
時間:2020-11-27 22:07:30
詳解關于Vue2.0路由開啟keep-alive時需要注意的地方
詳解關于Vue2.0路由開啟keep-alive時需要注意的地方:Vue2.0 做應用必有的需求就是頁面數據需要做緩存,不用每次進入頁面都要把數據重新請求一遍,每次頁面切換都有段等待數據相應時間,這個用戶體驗可想有多么蛋疼,所以頁面緩存是必要的,啥時候需要更新頁面數據呢?可以監聽狀態變化,或者是手動下拉刷新重新
導讀詳解關于Vue2.0路由開啟keep-alive時需要注意的地方:Vue2.0 做應用必有的需求就是頁面數據需要做緩存,不用每次進入頁面都要把數據重新請求一遍,每次頁面切換都有段等待數據相應時間,這個用戶體驗可想有多么蛋疼,所以頁面緩存是必要的,啥時候需要更新頁面數據呢?可以監聽狀態變化,或者是手動下拉刷新重新

二次進來 hook 只觸發 activated,退出時觸發 deactivated:
// 控制臺打印結果
the hook of activated is done!
the hook of deactivated is done!
所以這就是為什么有些人開啟 keep-alive 之后,created 和 mounted 注冊的 pageInt 方法不觸發的原因了,因為 keep-alive 把它們屏蔽了,也就是把數據緩存起來,所以不再請求。
如果你的某些頁面一定要實時請求,你可以直接在 activated 這個 hook 做 pageInt,就不要在 created 和 mounted 上面注冊 pageInt 方法了。
還有你可以選擇性 pageInt,比如監聽狀態變化,包括但不限于監聽路由的變化,某參數的變化,某時間節點的變化等等。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
詳解關于Vue2.0路由開啟keep-alive時需要注意的地方
詳解關于Vue2.0路由開啟keep-alive時需要注意的地方:Vue2.0 做應用必有的需求就是頁面數據需要做緩存,不用每次進入頁面都要把數據重新請求一遍,每次頁面切換都有段等待數據相應時間,這個用戶體驗可想有多么蛋疼,所以頁面緩存是必要的,啥時候需要更新頁面數據呢?可以監聽狀態變化,或者是手動下拉刷新重新