<keep-alive>是Vue的內(nèi)置組件，能在組件切換過程中將狀態(tài)保留在內(nèi)存中，防止重復(fù)渲染DOM。

成都創(chuàng)新互聯(lián)公司主要從事網(wǎng)頁設(shè)計、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、wap網(wǎng)站建設(shè)（手機(jī)版網(wǎng)站建設(shè)）、成都響應(yīng)式網(wǎng)站建設(shè)公司、程序開發(fā)、網(wǎng)站優(yōu)化、微網(wǎng)站、微信小程序定制開發(fā)等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了豐富的做網(wǎng)站、網(wǎng)站設(shè)計、網(wǎng)站設(shè)計、網(wǎng)絡(luò)營銷經(jīng)驗，集策劃、開發(fā)、設(shè)計、營銷、管理等多方位專業(yè)化運(yùn)作于一體。

<keep-alive> 包裹動態(tài)組件時，會緩存不活動的組件實例，而不是銷毀它們。和 <transition> 相似，<keep-alive> 是一個抽象組件：它自身不會渲染一個 DOM 元素，也不會出現(xiàn)在父組件鏈中。

prop:

1. include: 字符串或正則表達(dá)式。只有匹配的組件會被緩存。
2. exclude: 字符串或正則表達(dá)式。任何匹配的組件都不會被緩存。

通過vue提供的keep-alive減少對服務(wù)器的請求次數(shù)

VUE2.0中提供了一個keep-alive方法，可以用來緩存組件，避免多次加載相應(yīng)的組件，減少性能的消耗。比如， 一個頁面的數(shù)據(jù)包括圖片、文字等用戶都已經(jīng)加載完了，然后用戶通過點(diǎn)擊跳轉(zhuǎn)到了另外一個界面。然后從另外一個界面通過返回又回到了原先的界面。如果沒有設(shè)置的話，那么原先界面的信息就要重新向服務(wù)器請求得到。而通過vue提供的keep-alive可以是頁面的已經(jīng)請求的數(shù)據(jù)得以保存，減少請求的次數(shù)，提高用戶的體驗程度。

緩存組件又分為兩種，緩存整個站點(diǎn)的頁面的組件或者緩存部分頁面的組件。

1、緩存所有的頁面,適用于每個頁面都有請求的情況。方法如下，在需要緩存的router-view用keep-alive標(biāo)簽進(jìn)行包裹起來。

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

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)站題目：vue項目優(yōu)化之通過keep-alive數(shù)據(jù)緩存的方法-創(chuàng)新互聯(lián)
本文URL：http://www.rwnh.cn/article28/djpicp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計、自適應(yīng)網(wǎng)站、網(wǎng)站維護(hù)、企業(yè)建站、品牌網(wǎng)站建設(shè)

廣告

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