怎么在vue中實(shí)現(xiàn)路由緩存？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

創(chuàng)新互聯(lián)致力于成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè),成都網(wǎng)站設(shè)計(jì),集團(tuán)網(wǎng)站建設(shè)等服務(wù)標(biāo)準(zhǔn)化，推過標(biāo)準(zhǔn)化降低中小企業(yè)的建站的成本，并持續(xù)提升建站的定制化服務(wù)水平進(jìn)行質(zhì)量交付，讓企業(yè)網(wǎng)站從市場競爭中脫穎而出。 選擇創(chuàng)新互聯(lián)，就選擇了安全、穩(wěn)定、美觀的網(wǎng)站建設(shè)服務(wù)！

1、全部緩存

<keep-alive>
  <router-view></router-view>
</keep-alive>

直接用 keep-alive標(biāo)簽包裹 router-view標(biāo)簽就能緩存全部的頁面了

2、緩存單個(gè)指定路由

<keep-alive include="該路由的name名稱">
  <router-view></router-view>
</keep-alive>

同樣直接用 keep-alive標(biāo)簽包裹 router-view標(biāo)簽，然后使用 include指定需要緩存的頁面的 name名稱

可以使用 v-bind綁定一個(gè) name數(shù)組，也可用 '，' 隔開，也可使用正則表達(dá)式，多個(gè)的情況建議使用第三種

注意：是緩存頁面的 name 名稱，而不是緩存頁面路由的 name 名稱

3、緩存多個(gè)指定路由

<keep-alive>
  <router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>

使用兩個(gè) router-view標(biāo)簽分別作為緩存和不緩存的路由出口，在路由配置的時(shí)候，只需要給要緩存的頁面加上 meta 屬性，然后添加 keepAlive屬性設(shè)置為 true即可。例如：

{
 path:'/test',
 name:'Test',
 component: Test,
 meta: {keepAlive: true} //true緩存 false不緩存
}

四、activated和deactivated

activated，deactivated這兩個(gè)生命周期函數(shù)一定是要在使用了 keep-alive組件后才會(huì)有的，否則則不存在。

當(dāng)引入 keep-alive的時(shí)候，頁面第一次進(jìn)入

鉤子的觸發(fā)順序 created-> mounted -> activated，退出時(shí)觸發(fā)deactivated。

當(dāng)再次進(jìn)入（前進(jìn)或者后退）時(shí)，只觸發(fā) activated

注意：keep-alive里面緊跟包裹 router-view 組件，而不能出現(xiàn)其他標(biāo)簽，不然會(huì)導(dǎo)致無法緩存頁面。

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對(duì)創(chuàng)新互聯(lián)的支持。

網(wǎng)頁標(biāo)題：怎么在vue中實(shí)現(xiàn)路由緩存
URL標(biāo)題：http://chinadenli.net/article16/jiepgg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、云服務(wù)器、網(wǎng)站導(dǎo)航、網(wǎng)站建設(shè)、網(wǎng)站維護(hù)、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)