vue3，动态引入组件，同时动态设置组件的name，用于keep-alive缓存

如果有两个页面逻辑大都相同，咱们想到的第一个肯定是写一个组件，然后两个路由都指向这个组件。
那如果现在多添加一个需求：两个页面在切换路由时都需要缓存数据，并且两个页面的缓存数据要求独立。
这个需求很简单：在router-view外层包裹一个keep-alive组件，指定缓存名称即可。
OK，有了需求，问题出现：
因为keep-alive是根据组件的name来指定缓存策略的，两个路由用的同一个component，他们的name是相同的
so,咱们有了又有了新的想法，相信这也是大家能搜到我这篇文章的原因，嘿嘿。
能否动态的设置component的name,引用同一个组件设置不同的name。
答案肯定的

const componentPath='/src/test.vue'const componentName ='woshipipixia'const dynamicRoute ={name:'test',path:'test',component:()=>import(componentPath).then(i=>{...comp.default,name: componentName
          })}
  router.addRoute(dynamicRoute)

这样的组件name会被设置为woshipipixia，咱们就可以用这个name 在keep-alive缓存
完美~
顺便问下，键盘的CTRL键的具体含义🐔