在使用服务器端渲染时,除了服务端的接口缓存,页面缓存,组建缓存等,浏览器端也避免不了要使用缓存,减少页面的重绘。
这时候我们就会想到vue的维生,接下来我们说一下维生的使用
假如现在我们有两个页面,回家。vue和about.vue
home.vue
& lt; template>
& lt; div>
家
& lt;/div>
& lt;/template>
& lt; script>
出口默认{
名称:回家,
创建(){
console.log(家)
}
}
& lt;/script>
之前
about.vue
& lt; template>
& lt; div>
关于
& lt;/div>
& lt;/template>
& lt; script>
出口默认{
名称:,
创建(){
console.log(家)
}
}
& lt;/script>之前
app.vue中我们使用点火电极缓存
& lt; template>
& lt; div id=坝τ谩北?
& lt;点火电极包括=凹摇北?
& lt; router-view类=笆油肌北?
& lt;/router-view>
& lt;/keep-alive>
& lt;/div>
& lt;/template>
& lt; script>
出口默认{
名称:“应用程序”
}
& lt;/script>
之前
这时候运行我们会发现家页面就缓存下来了,大功告成
所有的问题都是我在日常生活中用到的,可能会有不正确或者不是最佳解决方案,希望留下你的建议和意见,共同学习,共同进步。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
