新聞中心
本篇文章給大家分享的是有關怎么在vue 中實現(xiàn)keep-alive緩存功能,小編覺得挺實用的,因此分享給大家學習,希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
成都創(chuàng)新互聯(lián)公司服務項目包括興寧網站建設、興寧網站制作、興寧網頁制作以及興寧網絡營銷策劃等。多年來,我們專注于互聯(lián)網行業(yè),利用自身積累的技術優(yōu)勢、行業(yè)經驗、深度合作伙伴關系等,向廣大中小型企業(yè)、政府機構等提供互聯(lián)網行業(yè)的解決方案,興寧網站推廣取得了明顯的社會效益與經濟效益。目前,我們服務的客戶以成都為中心已經輻射到興寧省份的部分城市,未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任!
一、在app.vue里
但是這種情況會對所有的組件進行緩存,不能達到單個組件緩存的效果。
那么我們給部分組件加上,實現(xiàn)方法如下:
在app.vue
二、 在路由的index.js頁面里
{ path: '', name: '', component: '', meta: {keepAlive: true} // 這個是需要keepalive的 }, { path: '', name: '', component: , meta: {keepAlive: false} // 這是不會被keepalive的 }
這就實現(xiàn)了部分組件的緩存功能
如果緩存的組件想要清空數(shù)據(jù)或者執(zhí)行初始化方法,在加載組件的時候調用activated鉤子函數(shù),如下:
activated: function () { this.data = ‘' }
vue是什么
Vue是一套用于構建用戶界面的漸進式JavaScript框架,Vue與其它大型框架的區(qū)別是,使用Vue可以自底向上逐層應用,其核心庫只關注視圖層,方便與第三方庫和項目整合,且使用Vue可以采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫開發(fā)復雜的單頁應用。
以上就是怎么在vue 中實現(xiàn)keep-alive緩存功能,小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
分享名稱:怎么在vue中實現(xiàn)keep-alive緩存功能
文章網址:http://ef60e0e.cn/article/ispedh.html