在使用服務器端渲染時，除了服務端的接口緩存、頁面緩存、組建緩存等，瀏覽器端也避免不了要使用緩存，減少頁面的重繪。

這時候我們就會想到vue的keep-alive，接下來我們說一下keep-alive的使用

假如現(xiàn)在我們有兩個頁面，home.vue 和 about.vue

home.vue

<template> <div> home </div></template> <script> export default { name: Home, created() { console.log('home) } } </script> 

about.vue

<template> <div> about </div></template> <script> export default { name: About, created() { console.log('home) } } </script> 

app.vue中我們使用keep-alive緩存

<template> <div id="app"> <keep-alive include="Home"> <router-view class="view"> </router-view> </keep-alive> </div></template><script>export default { name: 'App'}</script>

這時候運行我們會發(fā)現(xiàn)Home頁面就緩存下來了，大功告成

所有的問題都是我在日常生活中用到的，可能會有不正確或者不是最佳解決方案，希望留下你的建議和意見，共同學習，共同進步。

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持錯新站長站。