Vue之keep-alive灵活清除页面缓存
需求如上，这就需要 keep-alive 帮助我们缓存组件了。
在使用keepAlive缓存是发现遇到的坑，现有A-B-C三个页面（A首页，B列表页，C详情页），从A到B刷新，C退回到B不刷新，这里是使用的结合router来实现的。
使用keep-alive缓存不了iframe界面原因 【1】原理：Vue 的缓存机制并不是直接存储 DOM 结构，而是将 DOM 节点抽象成了一个个 VNode节点。因此，Vue 的 keep-alive 缓存也是基于 VNode节点 而不是直接存储 DOM 节点。
vue中，我们有时候需要实现这种场景：搜索页面到列表页面，需要刷新重新获取数据。从详情页面返回列表页面需要记住上次浏览的状态。
Vue.js内部将DOM节点抽象成了一个个的 VNode节点 ， keep-alive组件的缓存也是基于VNode节点的而不是直接存储DOM结构。
ture： 需要缓存的路由；false：不需要缓存的路由 判断router-view 被keep-alive包裹的为需要缓存的页面，这样我们就可以通过keepAlive来切换哪些页面需要缓存，哪些不需要缓存。
vue.js框架怎么下载
Vue.js是web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue.js 自身不是一个全能框架——它只聚焦于视图层。
vue.js是一个Js框架。在node里面通过Npm安装，是为了方便进行模块化管理。这样你的整个项目就能实现模块化组件化，并且按需加载。
我们在使用vue.js框架开发项目过程中，需要进行代码调试，可以借助于谷歌浏览器vue插件vue-devtools。
Vue.js 是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出 Vue 组件，进行生成 DOM 和操作 DOM。
【vue入门】vue安装方式
1、我们可以在官网 (vuex) 上直接下载 vuex 。
2、在命令行中运行命令 npm install -g vue-cli ，然后等待安装完成。通过以上三部，我们需要准备的环境和工具都准备好了，接下来就开始使用vue-cli来构建项目。
3、在 nodejs官网下载最新版稳定版的node.js安装，自带了npm工具 ，推荐下载左边的。
4、都是直接打开cmd用 npm install 方式安装，不需选择路径。安装cnpm：安装vue-cli：所以继续按照官方教程，安装vue 但是，还是不清楚vue该装在哪。。
5、先要全局安装vue-cli，可以使用下列任一命令安装这个新的包：你还可以用这个命令来检查其版本是否正确 (x)：官方文档 已经安装最新版本的vue-cli，我很推荐这个图形化界面，非常方便。