Vue2 0 頁面快取和不快取的方法

2021-08-28 13:56:11 字數 778 閱讀 2396

//快取的頁面

//不快取的頁面

2、在路由router.js中設定.vue頁面是否需要快取

,//當前的.vue檔案需要快取

},

3、從快取頁面跳轉到不快取頁面,或者從不快取頁面跳轉到快取頁面的時候,會發現watch是不能監聽路由的,是因為快取和不快取頁面分別在不同的div裡面,乙個div裡面是不可能監聽到另乙個div的路由的,所有需要把監聽的路由都加上快取(在路由新增 meta: ),路由在快取頁面之間進行跳轉的時候,就可以通過監聽路由來進行判斷資料是否需要更新。

beforerouteenter (to, from, next) )

}, mounted: function ()

在專案中使用<keep-alive>包含<router-view>實現頁面快取,加速頁面載入,

同時,這種方式帶來一些弊端,請看如下大神解釋:

當引入keep-alive的時候,頁面第一次進入,鉤子的觸發順序created-> mounted-> activated,退出時觸發deactivated。

當再次進入(前進或者後退)時,只觸發activated。

這就帶來乙個問題,之前在專案中使用mounted在頁面載入時獲取資料,使用<keep-alive>後方法不再生效,

根據上面的解釋,將mounted替換為activated即可。

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

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

15 Yii 2 0 頁面快取

頁面快取是將整個靜態頁面 一般是首頁 進行快取,也比較常用,一般採用 file 作為快取介質。頁面快取是將整個控制器方法的輸出 整個頁面 利用快取介質快取起來,頁面快取生效期間,改變指定方法 一般是快取index方法 的輸出,實際的輸出並不會發生變化。這裡以 yii 2.0 高階版為例,介紹頁面快取...

vue快取頁面,返回上一頁不重新整理

2 在路由處新增keepalive屬性 component import views device daddress hidden true 3 在需要快取的頁面使用activated方法 beforerouteenter to,from,next next activated this.route...