關(guān)于vue里頁面的緩存詳解

keep-alive是vue內(nèi)置的一個(gè)組件,可以使被它包含的組件處于保留狀態(tài),或避免被重新渲染。

10年積累的網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn),可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你,你也不認(rèn)識(shí)我。但先制作網(wǎng)站后付款的網(wǎng)站建設(shè)流程,更有思禮免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

用法:

關(guān)于vue里頁面的緩存詳解

運(yùn)行結(jié)果描述:

關(guān)于vue里頁面的緩存詳解 input輸入框內(nèi),路由切換輸入框內(nèi)部的內(nèi)容不會(huì)發(fā)生改變。

在keep-alive標(biāo)簽內(nèi)部添加

include:字符串或正則表達(dá)式。只有匹配的組件會(huì)被緩存

exclude: 字符串或正則表達(dá)式。任何匹配的組件都不會(huì)被緩存。

結(jié)合router緩存部分頁面:

比較實(shí)用的例子:

思路:通過beforeRouterLeave這個(gè)鉤子來對路由里面的keepAlive進(jìn)行賦值。從而動(dòng)態(tài)的確定A頁面是否需要被緩存。

關(guān)于vue里頁面的緩存詳解

結(jié)合router緩存部分頁面:

關(guān)于vue里頁面的緩存詳解

比較實(shí)用的例子:

關(guān)于vue里頁面的緩存詳解

思路:通過beforeRouterLeave這個(gè)鉤子來對路由里面的keepAlive進(jìn)行賦值。從而動(dòng)態(tài)的確定A頁面是否需要被緩存。

關(guān)于vue里頁面的緩存詳解

以上這篇關(guān)于vue里頁面的緩存詳解就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持創(chuàng)新互聯(lián)。

當(dāng)前名稱:關(guān)于vue里頁面的緩存詳解
文章網(wǎng)址:http://muchs.cn/article38/ipihsp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、小程序開發(fā)Google、外貿(mào)建站、響應(yīng)式網(wǎng)站網(wǎng)頁設(shè)計(jì)公司

廣告

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

成都定制網(wǎng)站網(wǎng)頁設(shè)計(jì)