路由缓存 keep-alive

  备注1 ：keep-alive include 生效条件

        1、include 里面的 name 指的是单文件组件中的name,例如 ClientList.vue 中的name, 不是指路由中的name

        2、keep-alive 必须要放在最后一级，include才会生效，例如，A 页面嵌套 Asub 页面，则keep-alive要放在Asub页面，而不是放在A页面中

    备注2 ：路由中的 name 需统一与单文件组件中的 name 一致， 这样的目的是为了后期好管理，它们两个name没有什么必然的联系

    需求：A 列表页缓存， 点击编辑进入B编辑页，B页面编辑完后返回A页面，A页面要刷新表格数据

    1、路由处理：增加meta ，keepAlive是否要缓存的标志

        {
          path: 'list',
          name: 'AList',
          component: () => import('../views/AList'),
          meta: { keepAlive:true },
        },
        {
          path: 'edit',
          name: 'BEdit',
          component: () => import('../views/BEdit'),
          meta: { keepAlive: false },
        },

    2、最后一级总页面 ， 例如 layout.vue

   <templat