vue-router 之 keep-alive
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue-router 之 keep-alive相关的知识,希望对你有一定的参考价值。
参考技术A keep-alive 是 Vue 内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。用法也很简单:
西湖雨好大,借把伞躲躲雨...
router-view 也是一个组件,如果直接被包在 keep-alive 里面,所有路径匹配到的视图组件都会被缓存:
然而产品汪总是要改需求,拦都拦不住...
如果只想 router-view 里面某个组件被缓存,怎么办?
exclude 例子类似。
假设这里有 3 个路由: A、B、C。
这样便能实现 B 回到 A,A 不刷新;而 C 回到 A 则刷新。
感谢 iceuncle 分享的 《vue实现前进刷新,后退不刷新》 。
路由大法不错,不需要关心哪个页面跳转过来的,只要 router.go(-1) 就能回去,不需要额外参数。
然而在非单页应用的时候, keep-alive 并不能有效的缓存了= =
—— 2017/04/06 By Live, haze currently.
以上是关于vue-router 之 keep-alive的主要内容,如果未能解决你的问题,请参考以下文章