vue 切换页面，切回页面时查询条件保留

一、需求

后台系统管理，各菜单切换保留筛选条件，但是切回页面时，通过当前保留的筛选条件进行刷新一次数据。

二、思路

结合组件缓存 keep-alive 及 actived 周期实现。

三、实现

1. 根组件添加 keep-alive

这里是整个都缓存起来了，如果固定缓存哪个页面，用 include 或 exclude 来进行操作。

<keep-alive>
  <router-view />
</keep-alive>

2. 页面中使用 activated 来进行初始化请求。

activated() {
    this.getDeliverList();
  }