本篇文章給大家分享的是有關(guān)怎么在vue 中實(shí)現(xiàn)keep-alive緩存功能，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說(shuō)，跟著小編一起來(lái)看看吧。

成都創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括興寧網(wǎng)站建設(shè)、興寧網(wǎng)站制作、興寧網(wǎng)頁(yè)制作以及興寧網(wǎng)絡(luò)營(yíng)銷策劃等。多年來(lái)，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，興寧網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到興寧省份的部分城市，未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

一、在app.vue里

但是這種情況會(huì)對(duì)所有的組件進(jìn)行緩存，不能達(dá)到單個(gè)組件緩存的效果。

那么我們給部分組件加上，實(shí)現(xiàn)方法如下：

在app.vue

二、 在路由的index.js頁(yè)面里

{
  path: '',
  name: '',
  component: '',
  meta: {keepAlive: true}   // 這個(gè)是需要keepalive的
}，
{
  path: '',
  name: '',
  component: ,
  meta: {keepAlive: false}  // 這是不會(huì)被keepalive的
}

這就實(shí)現(xiàn)了部分組件的緩存功能

如果緩存的組件想要清空數(shù)據(jù)或者執(zhí)行初始化方法，在加載組件的時(shí)候調(diào)用activated鉤子函數(shù)，如下：

activated: function () {
  this.data = ‘'
}

vue是什么

Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架，Vue與其它大型框架的區(qū)別是，使用Vue可以自底向上逐層應(yīng)用，其核心庫(kù)只關(guān)注視圖層，方便與第三方庫(kù)和項(xiàng)目整合，且使用Vue可以采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫(kù)開發(fā)復(fù)雜的單頁(yè)應(yīng)用。

以上就是怎么在vue 中實(shí)現(xiàn)keep-alive緩存功能，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。