在使用服务器端渲染时,除了服务端的接口缓存、页面缓存、组建缓存等,浏览器端也避免不了要使用缓存,减少页面的重绘。
这时候我们就会想到vue的keep-alive,接下来我们说一下keep-alive的使用
假如现在我们有两个页面,home.vue 和 about.vue
home.vue
<template>
<div>
home
</div>
</template>
< >
export default {
name: Home,
created() {
console.log('home)
}
}
</ >
about.vue
<template>
<div>
about
</div>
</template>
< >
export default {
name: About,
created() {
console.log('home)
}
}
</ >
app.vue中我们使用keep-alive缓存
<template>
<div id="app">
<keep-alive include="Home">
<router-view class="view">
</router-view>
</keep-alive>
</div>
</template>
< >
export default {
name: 'App'
}
</ >
这时候运行我们会发现Home页面就缓存下来了,大功告成
所有的问题都是我在日常生活中用到的,可能会有不正确或者不是最佳解决方案,希望留下你的建议和意见,共同学习,共同进步。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
继续阅读与本文标签相同的文章
-
绑手指、蒙布也能行,OpenAI让机器人单手还原魔方
2026-05-18栏目: 教程
-
斩获三个“全国第一”,漳州有一家“隐形冠军”企业
2026-05-18栏目: 教程
-
经历8个月改造,岗顶百脑汇“转型回归”
2026-05-18栏目: 教程
-
ROKU流媒体聚合平台终将变革电视机操作系统和流媒体的观看方式
2026-05-18栏目: 教程
-
权威报告:中国专利申请连续8年居首,占世界一半
2026-05-18栏目: 教程
