vue3实现页面缓存
·
开发手册vue的keep-alive
当组件之间切换的时候，你有时会想保持这些组件的状态，以避免反复重渲染导致的性能问题，可以使用keep-alive实现页面缓存
1、使用
说明，先通过router-view的v-slot将动态组件取出来，在router-view标签内使用keep-alive，其中:max表示最大缓存页面的个数，当前只缓存10个页面当你点击第11个页面的时候，最久没有被使用的那个页面的缓存将被销毁，component标签是将动态组件渲染出来
<router-view v-slot="{Component}">
<keep-alive :max="10">
<component :is="Component"></component>
</keep-alive>
</router-view>
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
0
0- 0
已为社区贡献1条内容
所有评论(0)