//router配置
new router(},}
]});
vue2.1.0版本之後:
使用路由元資訊的方式,要多建立乙個router-view
標籤,並且每個路由都要配置乙個元資訊,是可以實現我們想要的效果,但是過於繁瑣了點。
幸運的是在vue2.1.0之後,vue新增了兩個屬性配合keep-alive
來有條件地快取 路由/元件。
新增屬性:
include
和exclude
支援三種方式來有條件的快取路由:採用逗號分隔的字串形式,正則形式,陣列形式。
正則和陣列形式,必須採用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 ...