![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
keep-alive
文鼎鼎
What are you waiting for? Just do it!
展开
-
keep-alive的正确用法
我有3个页面, 一个index页面,包含点击进入分类sort页面和进入详情detail页面两个功能 一个sort页面,包含上划加载,进入详情detail页面两个功能 一个detail页面,展示页面详情 我要实现的: 从index点击进入detail页面,回退仍旧处于之前进入的位置; 点击进入sort页面,回退仍旧处于之前进入的位置; 点击进入sort页面,并点击进入detail页面,返回sort时,sort页面仍旧处于之前进入的位置,继续返回index页面时,index页面仍旧处于之前进入的位置; 点原创 2020-07-28 10:37:50 · 686 阅读 · 0 评论 -
keep-alive使用场景
Vue中keep-alive的深入理解与使用(配合router-view缓存整个路由页面) 在搭建 vue 项目时,有某些组件没必要多次渲染,所以需要将组件在内存中进行‘持久化’,此时 便可以派上用场了。 可以使被包含的组件状态维持不变,即便是组件切换了,其内的状态依旧维持在内存之中。在下一次显示时,也不会重现渲染。 PS: 与 相似,只是一个抽象组件,它不会在DOM树中渲染(真实或者虚拟都不会),也不在父组件链中存在,比如:你永远在 this.$parent 中找不到 keep-alive 。 1.kee原创 2020-06-29 12:18:44 · 3311 阅读 · 0 评论