關(guān)于vue里頁(yè)面的緩存詳解
keep-alive是vue內(nèi)置的一個(gè)組件，可以使被它包含的組件處于保留狀態(tài)，或避免被重新渲染。
用法：
運(yùn)行結(jié)果描述：
input輸入框內(nèi)，路由切換輸入框內(nèi)部的內(nèi)容不會(huì)發(fā)生改變。
在keep-alive標(biāo)簽內(nèi)部添加
include：字符串或正則表達(dá)式。只有匹配的組件會(huì)被緩存
exclude： 字符串或正則表達(dá)式。任何匹配的組件都不會(huì)被緩存。
結(jié)合router緩存部分頁(yè)面：
比較實(shí)用的例子：
思路：通過(guò)beforeRouterLeave這個(gè)鉤子來(lái)對(duì)路由里面的keepAlive進(jìn)行賦值。從而動(dòng)態(tài)的確定A頁(yè)面是否需要被緩存。
結(jié)合router緩存部分頁(yè)面：
比較實(shí)用的例子：
思路：通過(guò)beforeRouterLeave這個(gè)鉤子來(lái)對(duì)路由里面的keepAlive進(jìn)行賦值。從而動(dòng)態(tài)的確定A頁(yè)面是否需要被緩存。
以上這篇關(guān)于vue里頁(yè)面的緩存詳解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue-element換膚所有主題色和基礎(chǔ)色均可實(shí)現(xiàn)自主配置
這篇文章主要介紹了vue-element換膚所有主題色和基礎(chǔ)色均可實(shí)現(xiàn)自主配置，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要給大家介紹了關(guān)于利用jsx寫(xiě)vue組件的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編來(lái)一起看看吧。2017-07-07
Vue中的偵聽(tīng)器是一種響應(yīng)式機(jī)制，可以對(duì)指定的數(shù)據(jù)進(jìn)行監(jiān)聽(tīng)，并在數(shù)據(jù)變化時(shí)執(zhí)行相應(yīng)的回調(diào)函數(shù)。常用于監(jiān)聽(tīng)復(fù)雜數(shù)據(jù)類(lèi)型的變化，如對(duì)象和數(shù)組。通過(guò)偵聽(tīng)器，可以實(shí)現(xiàn)數(shù)據(jù)的自動(dòng)更新和邏輯處理等功能，提高代碼的可讀性和可維護(hù)性2023-05-05
這篇文章主要介紹了 Vue 3.0 的組裝式 API的部分資料，幫助大家更好的理解和學(xué)習(xí)vue，感興趣的朋友可以了解下2020-08-08
vue跳轉(zhuǎn)頁(yè)面常用的4種方法與區(qū)別小結(jié)
這篇文章主要給大家介紹了關(guān)于vue跳轉(zhuǎn)頁(yè)面常用的4種方法與區(qū)別,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-03-03
Hexo已經(jīng)看膩了，來(lái)手把手教你使用VuePress搭建個(gè)人博客
vuepress是尤大大4月12日發(fā)布的一個(gè)全新的基于vue的靜態(tài)網(wǎng)站生成器，實(shí)際上就是一個(gè)vue的spa應(yīng)用，內(nèi)置webpack，可以用來(lái)寫(xiě)文檔。這篇文章給大家介紹了VuePress搭建個(gè)人博客的過(guò)程，感興趣的朋友一起看看吧2018-04-04
el-input輸入校驗(yàn)不能為空格以及不能輸入全部為空的內(nèi)容
這篇文章主要給大家介紹了關(guān)于el-input輸入校驗(yàn)不能為空格以及不能輸入全部為空的內(nèi)容的相關(guān)資料,el-input驗(yàn)證規(guī)則主要是為了確保輸入的內(nèi)容符合特定的要求,需要的朋友可以參考下2023-10-10
elementPuls 表格反選實(shí)現(xiàn)示例代碼
這篇文章主要介紹了elementPuls 表格反選實(shí)現(xiàn)示例代碼,本文通過(guò)示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-07-07
最近需要用到vue，在el-form-item屬性prop上遇到報(bào)錯(cuò)或者沒(méi)綁定到數(shù)據(jù)，本文主要介紹了element中el-form-item屬性prop踩坑，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
vue實(shí)現(xiàn)頁(yè)面滾動(dòng)到底部刷新
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)頁(yè)面滾動(dòng)到底部刷新，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-08-08