在使用服務器端渲染時,除了服務端的接口緩存、頁面緩存、組建緩存等,瀏覽器端也避免不了要使用緩存,減少頁面的重繪。
這時候我們就會想到vue的keep-alive,接下來我們說一下keep-alive的使用
假如現在我們有兩個頁面,home.vue 和 about.vue
home.vue
<template>
home
/<template>
about.vue
<template>
about
/<template>
app.vue中我們使用keep-alive緩存
<template>
<keep-alive>
<router-view>
/<router-view>
/<keep-alive>
/<template>
這時候運行我們會發現Home頁面就緩存下來了,大功告成
所有的問題都是我在日常生活中用到的,可能會有不正確或者不是最佳解決方案,希望留下你的建議和意見,共同學習,共同進步。
對前端的技術,架構技術感興趣的同學關注我的頭條號,並在後臺私信發送關鍵字:“前端”即可獲取免費的架構師學習資料
知識體系已整理好,歡迎免費領取。還有面試視頻分享可以免費獲取。關注我,可以獲得沒有 的架構經驗哦!!