解决 blandx 框架 saber3 菜单缓存配置无效 及 同一路由不同参数页面区分问题

引言

最近使用blandx的saber3框架进行开发时，发现两个框架问题：
1、菜单页面配置的菜单缓存功能未生效，问题反馈到社区，作者回复框架确实存在此问题，只是记录此问题并未给出修改方式，只能自己研究框架菜单缓存逻辑进行解决。
2、同一路由页面不同参数，打开的页面数据都会变成最后一次打开的参数数据，例如：先点击张三的信息，新开一个tab显示的张三的信息，然后在点击李四的信息，新开一个tab显示李四的信息，这时候返回张三的tab，显示的信息变成李四的信息了。

1、菜单缓存

1.1 修改主视图层router-view的代码(文件路径：src>page>index>index.vue)

//原始代码
<template>
  <div class="avue-contail" :class="{ 'avue--collapse': isCollapse }">
    <div class="avue-layout" :class="{ 'avue-layout--horizontal': isHorizontal }">
      <div class="avue-sidebar" v-show="validSidebar">
        <!-- 左侧导航栏 -->
        <logo />
        <sidebar />
      </div>
      <div class="avue-main">
        <!-- 顶部导航栏 -->
        <top ref="top" />
        <!-- 顶部标签卡 -->
        <tags />
        <search class="avue-view" v-show="isSearch"></search>
        <!-- 主体视图层 -->
        <div id="avue-view" v-show="!isSearch" v-if="isRefresh">
          <router-view #="{ Component }">
            <keep-alive :include="$store.getters.tagsKeep">
              <component :is="Component" />
            </keep-alive