原文：关于 Vue2.0 路由开启 keep-alive 时需要注意的地方
Vue . 做应用必有的需求就是页面数据需要做缓存，不用每次进入页面都要把数据重新请求一遍，每次页面切换都有段等待数据相应时间，这个用户体验可想有多么蛋疼，所以页面缓存是必要的，啥时候需要更新页面数据呢 可以监听状态变化，或者是手动下拉刷新重新请求数据，酱紫，我想用户体验会做的更好。 废话不多说直接上码，一般是在 src App.vue 设置开启 keep alive 实现页面数据缓存： 列举几个 ...
2017-08-09 10:32 0 6465 推荐指数：
相关推荐
Vue路由开启keep-alive时的注意点 这个不是业务的要求，但是看到每次进入页面就重新渲染DOM然后再获取数据更新DOM，觉得作为一个前端工程师有必要优化下的加载逻辑，正好vue提供了 keep-alive 的功能，所以就试用了下。当然，干 ...
1.基本用法 vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗 有时候 可能需要缓存整个站点的所有页面,而页面一般一进去都要触发请求的在使用keep-alive的情况下 将首次触发请求写在created钩子 ...
mode:hash模式下： HTML部分： <template> <div id="app"> <keep-alive> <!--使用keep-alive会将页面缓存--> <router-view v-if ...
一个常见的场景： 从 详情页 -->返回 列表页 的时候页面的状态是缓存，不用重新请求数据，提升用户体验。 从 列表页 -->详情页 的时候请求数据 也就是说，有的页面可以用缓存，不需要重新请求数据；有的页面需要重新请求数据，本篇记录这类需求； 首先：keep-alive ...
Vue2.0 keep-alive 后组件不使用缓存; 使用: deactivated(){ this.$destroy(true) } 强制刷新 ...
的组件都不会被缓存 需要router ...
一、失效原因： 如果多级路由的话，一般会有一个空白的router-view页面做为公共的模板充当中间的嵌套路由/页面；当你切换不同的页面，中间公共部分的组件，一会儿缓存，一会儿不缓存，因为是公共组件，导致了 最终的页面缓存失效。 二、解决办法： 目前我认为只有将三级路由转为二级路由 ...