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的主要内容,如果未能解决你的问题,请参考以下文章

Vue.js 生态之vue-router

Vue.js生态之vue-router

Vue.js 生态之Vue-router 基础三

vue-router原理剖析之自行实现router

vue-router原理剖析之自行实现router

vue-router原理剖析之自行实现router