vue中如何快取你想快取的路由

2021-09-27 19:27:28 字數 497 閱讀 2526

//router配置

new router(},}

]});

vue2.1.0版本之後:

使用路由元資訊的方式,要多建立乙個router-view標籤,並且每個路由都要配置乙個元資訊,是可以實現我們想要的效果,但是過於繁瑣了點。

幸運的是在vue2.1.0之後,vue新增了兩個屬性配合keep-alive來有條件地快取 路由/元件。

新增屬性:

includeexclude支援三種方式來有條件的快取路由:採用逗號分隔的字串形式,正則形式,陣列形式。

正則和陣列形式,必須採用v-bind形式來使用。

快取元件的使用方式

快取 網路中的快取。

網路中的快取位於客戶端和服務端之間,或響應客戶端的網路請求,從而對重複的請求返回快取中的資料資源。同時,接受服務端的請求,更新快取中的內容。web 幾乎是伴隨著網際網路誕生的,常用的web 分為正向 反向 和透明 web 是將web 作為快取的一種技術。一般情況下,web 預設說的是正向 如下圖所示...

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

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

vue中如何使用路由

定義元件 hello info class color h1 div template export default methods script color style 配置路由檔案 import vue from vue import router from vue router import ...