squid 不快取特定頁面 Vue實現頁面快取

2021-10-11 03:24:03 字數 1462 閱讀 9681

使用vue開發時,當進行頁面之間的切換時,上乙個頁面將會被銷毀。但是當我們想節省效能以及保留使用者上次操作的結果或避免ajax重複請求的時候,需要把某些特定的頁面快取下來。

在vue中,提供了內建元件keep-alive ,包裹動態元件時,會快取不活動的元件例項,而不是銷毀它們。和相似,是乙個抽象元件:它自身不會渲染乙個dom元素,也不會出現在父元件鏈中。

當元件在內被切換,它的activateddeactivated這兩個生命週期鉤子函式將會被對應執行。

當我們想把所有頁面都快取時,只需要用keep-alive包裹router-view即可。

但是大多數情況下,我們只需要把某些不需要請求的頁面快取下來。則我們需要某些特定的頁面實現快取即可。

解決方法: 通過v-if 監聽指定變數來實現對指定頁面的快取;此處我監聽的是$route.meta中自定義的變數。

給需要快取的頁面其$route.meta值設為true,不需要設為false 。在頁面發生切換時, 其$route.meta會做出對應變化,通過watch可以實時監聽到

之後通過v-if來繫結此變數即可。

效果:

Vue頁面快取和不快取的方法

快取的頁面 1 2if route.meta.keepalive 34 5 不快取的頁面 6if route.meta.keepalive 第二步 在路由router.js中設定.vue頁面是否需要快取 19 1018 19 27 第三步1 beforerouteenter to,from,next...

squid 快取與不快取的流程分析

以下僅為個人觀點,有誤勿噴,多指正。人的一項基本功能就是認識錯誤。你不會變得更好,你只是儘量減少犯錯。一 下圖為squid處理request過程中,對請求進行hit or miss 判斷的呼叫過程。二 命令解釋 no cache指示請求或響應訊息不能快取 reload into ims的意思是將cl...

vue 刪除頁面快取 Vue實現頁面快取

在 使用vue開發時,當進行頁面之間的切換時,上乙個頁面將會被銷毀。但是當我們想節省效能以及保留使用者上次操作的結果或避免ajax重複請求的時候,需要把某些特定的頁面快取下來。在vue中,提供了內建元件keep alive 包裹動態元件時,會快取不活動的元件例項,而不是銷毀它們。和相似,是乙個抽象元...