溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
在使用服務器端渲染時，除了服務端的接口緩存、頁面緩存、組建緩存等，瀏覽器端也避免不了要使用緩存，減少頁面的重繪。
這時候我們就會想到vue的keep-alive，接下來我們說一下keep-alive的使用
假如現在我們有兩個頁面，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>
這時候運行我們會發現Home頁面就緩存下來了，大功告成
所有的問題都是我在日常生活中用到的，可能會有不正確或者不是最佳解決方案，希望留下你的建議和意見，共同學習，共同進步。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
